In this HTML tutorial, we'll learn about the concept of semantic HTML. Semantic HTML means writing HTML that is descriptive and meaningful in regards to content and context. This course will talk about how, and especially why, it is important to write semantic HTML. If you have ever been confused about when and how to use semantic HTML5 elements we will talk about their intended uses in depth. We will also learn how our HTML creates an outline using both headings and HTML5 sectioning elements. We will even gain insight into accessibility concepts and how using different elements changes how those using assistive technologies perceive our webpages by testing our project with a screen reader. By the end of this HTML training, you'll have a solid understanding of how you can write better, semantic HTML. Software required: Brackets, Google Chrome.
Susan is a web design author for Pluralsight. Growing up, Susan was both a passionate artist as well as a computer tech aficionado. When she discovered the world of web development, she found that she could meld those two passions together into something amazing. Soon after, Susan began devoting herself to building beautiful and functional web content for businesses and nonprofits. It was through those experiences Susan developed a fluency for web coding languages.
Introduction and Project Overview Hi, I'm Susan Simkins and this is Semantic HTML. In this course we'll talk about how, and especially why, it's important to write semantic HTML. We'll examine the reasons it's worth it to take extra care in crafting our semantic HTML in different contexts other than web pages, in which our content is used. We'll talk about the definitions and intended uses of many of the newer HTML5 elements, and correct usage scenarios as well. We'll learn how our HTML creates an outline using both headings and HTML5 sectioning elements, that is used in both search engines and assistive technologies. We'll even gain insight into how using different elements changes how those using assistive technologies perceive our web pages by texting our project with an actual screen reader. If this sounds good, we'll get started in our next video by discussing the definition of semantic HTML.