Digital Tutors Semantic HTML
In this HTML tutorial, we’ll learn about the concept of semantic HTML.
Semantic HTML means writing HTML that’s 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.
Introduction and project overview 1 Introduction and project overview
What is Semantic HTML? 2 What is Semantic HTML?
Auditing a site for semantic issues 3 Auditing a site for semantic issues
Auditing our project for semanticism 4 Auditing our project for semanticism
Sectioning and grouping elements 5 Sectioning and grouping elements
Semantics and screen readers 6 Semantics and screen readers
Main Flow Content 7 Main Flow Content
Marking up Main Flow Content 8 Marking up Main Flow Content
Headings and Implicit Sections 9 Headings and Implicit Sections
Creating our outline using headings 10 Creating our outline using headings
HTML Outlines 11 HTML Outlines
Outlines in HTML4 vs HTML5 12 Outlines in HTML4 vs HTML5
Finishing up our outline 13 Finishing up our outline
Text-level semantic elements 14 Text-level semantic elements
Semantic forms 15 Semantic forms
Final notes on semanticism 16 Final notes on semanticism