Suggest an edit

Improve this article

Refine the answer for “What new semantic tags appeared in HTML5?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

## New Semantic Tags in HTML5

Here are some of the **new semantic tags** introduced in HTML5:

- `<article>` - a self-contained piece of content (for example: a post, a news item). ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com))
- `<section>` - a logical section of a page. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com))
- `<nav>` - a navigation block (a set of links). ([AccessibilityOz](https://www.accessibilityoz.com/factsheets/html5/new-semantic-elements-in-html/?utm_source=chatgpt.com))
- `<header>` - the header of a document or section. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com))
- `<footer>` - the footer of a document or section. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com))
- `<aside>` - side content, not the main flow. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com))
- `<figure>` and `<figcaption>` - for illustrations, diagrams and captions. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com))
- `<main>` - the main content block of a page. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com))
- `<mark>` - highlighted text. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com))
- `<time>` - a date or time. ([atlasiko.com](http://atlasiko.com))
- `<details>` and `<summary>` - for creating a collapsible/expandable block. ([geeksforgeeks.org](http://geeksforgeeks.org))

Markdown · drag & drop images · ⌘B / ⌘I shortcuts133 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.