Semantic HTML

WEBRip | English | MP4 + Project files | 1280 x 720 | AVC ~778 kbps | 15 fps

AAC | 96 Kbps | 44.1 KHz | 2 channel | 1h 49mn | 545.1 MB

Genre: Video Tutorial / Web Design

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.

Table of Contents

1 Introduction and project overview

2 What is Semantic HTML?

3 Auditing a site for semantic issues

4 Auditing our project for semanticism

5 Sectioning and grouping elements

6 Semantics and screen readers

7 Main Flow Content

8 Marking up Main Flow Content

9 Headings and Implicit Sections

10 Creating our outline using headings

11 HTML Outlines

12 Outlines in HTML4 vs HTML5

13 Finishing up our outline

14 Text-level semantic elements

15 Semantic forms

16 Final notes on semanticism