Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Semantic HTML Tags - HTML5 Semantic Elements Tutorial

Dave Gray via YouTube

Overview

Learn how to use Semantic HTML tags in this comprehensive tutorial. Explore HTML5 semantic elements that convey meaning and structure for web pages, enhancing browser and assistive technology interpretation. Dive into topics such as heading hierarchy, nav and hr tags, header, main, and footer elements, as well as article vs. section elements. Discover how to properly label multiple nav elements, add sections, and utilize aside, details, summary, mark, and time elements. Gain insights on HTML tags to avoid and learn to use tools like HTML5 Outliner and HTML code validators. Perfect for beginners, this video provides a solid foundation in semantic HTML, complete with practical examples and best practices for creating well-structured, accessible web pages.

Syllabus

Intro
Welcome
Setup
Heading Hierarchy
nav and hr tags
The word: "semantic"
header element
main element
footer element
Labeling multiple nav elements
article vs section elements
Adding sections
aside, details, and summary elements
mark and time elements
More sections
Avoid these HTML tags for now
HTML5 Outliner
Validate your HTML code

Taught by

Dave Gray

Reviews

Start your review of Semantic HTML Tags - HTML5 Semantic Elements Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.