Skip to main content

What new semantic tags appeared in HTML5?

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)
  • <section> - a logical section of a page. (FreeCodeCamp)
  • <nav> - a navigation block (a set of links). (AccessibilityOz)
  • <header> - the header of a document or section. (W3Schools)
  • <footer> - the footer of a document or section. (W3Schools)
  • <aside> - side content, not the main flow. (FreeCodeCamp)
  • <figure> and <figcaption> - for illustrations, diagrams and captions. (W3Schools)
  • <main> - the main content block of a page. (W3Schools)
  • <mark> - highlighted text. (FreeCodeCamp)
  • <time> - a date or time. (atlasiko.com)
  • <details> and <summary> - for creating a collapsible/expandable block. (geeksforgeeks.org)

Short Answer

Interview ready
Premium

A concise answer to help you respond confidently on this topic during an interview.

What new semantic tags appeared in HTML5?: SEO Interview Question