Semantic HTML

We've gathered the very best resources to teach you how to learn Semantic HTML.

Quiz Yourself

Question 1 of 5

Semantic HTML is the use of HTML elements for the primary purpose of within web documents rather than solely for presentation purposes.

Core Learning

2 Tips to Keep in Mind

  1. Understand the difference between semantic and non-semantic elements
  2. Understand why semantic HTML is important for web accessibility

HTML 5 Semantics

2 Tips to Keep in Mind

  1. Some of the information from this video is already in the previous article
  2. Understand how to practically use semantic tags in your HTML code

1 Tip to Keep in Mind

  1. Understand further what HTML elements are semantic and what elements are non-semantic, and when to use them

1 Tip to Keep in Mind

  1. Pay attention to the differences between the subsection elements (eg. <section>)

Updated today