Physics ebook

HTML5 Semantic Elements

A guide to using semantic elements for better structure and accessibility.

Download PDF
Quizerland

HTML5 Semantic Elements

What's inside

1 Header

The `<header>` element represents introductory content or navigation links for a section or page.

2 Nav

The `<nav>` element is used for navigation links within a website.

3 Section

The `<section>` element defines a thematic grouping of content, often with a heading.

4 Article

The `<article>` element is used for independent, self-contained content like blog posts or news articles.

5 Aside

The `<aside>` element contains content that is related to the main content, like sidebars or callouts.

6 Footer

The `<footer>` element represents footer content, such as copyright information and links.

7 Main

The `<main>` element represents the primary content of the document, excluding headers, footers, and sidebars.

8 Figure

The `<figure>` element is used to group media content like images, diagrams, or illustrations with captions.

9 Figcaption

The `<figcaption>` element provides a caption for a `<figure>` element.

10 Mark

The `<mark>` element highlights text for emphasis or reference purposes.