Semantic HTML

Pluralsight
Course Summary
In this HTML tutorial, we'll learn about the concept of semantic HTML. Software required: Brackets, Google Chrome.
-
+
Course Description
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.
-
+
Course Syllabus
Introduction and Project Overview- 1m 1s
—Introduction and Project Overview 1m 1sSemantic HTML- 1h 48m
—What Is Semantic HTML? 3m 52s
—Auditing a Site for Semantic Issues 4m 27s
—Auditing Our Project for Semanticism 6m 25s
—Sectioning and Grouping Elements 12m 5s
—Semantics and Screen Readers 6m 56s
—Main Flow Content 7m 5s
—Marking up Main Flow Content 8m 7s
—Headings and Implicit Sections 5m 39s
—Creating Our Outline Using Headings 8m 20s
—HTML Outlines 9m 7s
—Outlines in HTML4 vs. HTML5 11m 49s
—Finishing up Our Outline 4m 45s
—Text-level Semantic Elements 9m 17s
—Semantic Forms 6m 42s
—Final Notes on Semanticism 4m 3s