Semantic HTML
In this HTML tutorial, we'll learn about the concept of semantic HTML. Software required: Brackets, Google Chrome.
What you'll learn
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.
Table of contents
- What Is Semantic HTML? 4m
- Auditing a Site for Semantic Issues 4m
- Auditing Our Project for Semanticism 6m
- Sectioning and Grouping Elements 12m
- Semantics and Screen Readers 7m
- Main Flow Content 7m
- Marking up Main Flow Content 8m
- Headings and Implicit Sections 6m
- Creating Our Outline Using Headings 8m
- HTML Outlines 9m
- Outlines in HTML4 vs. HTML5 12m
- Finishing up Our Outline 5m
- Text-level Semantic Elements 9m
- Semantic Forms 7m
- Final Notes on Semanticism 4m
About the author
Susan is a web design tutor 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. Since then, Susan has develo... more