Class – 26 | HTML5 Semantic Elements | HTML Tutorial

HTML5 Semantic Elements - Class - 26
HTML5 Semantic Elements – Class – 26

HTML5 introduced a set of semantic elements that provide meaning to the structure of web content. These elements are used to define the different parts of a web page, such as the header, footer, navigation, main content, and more.

Here are some of the most commonly used HTML5 semantic elements:

  1. <header> – Defines the header of a document or section. It typically contains the logo, site title, and navigation links.
  2. <nav> – Defines a section of navigation links.
  3. <main> – Defines the main content of a document, unique to the document and excluding content that is repeated across a set of documents such as site navigation, header, or footer.
  4. <article> – Defines a standalone self-contained article, such as a blog post or news story.
  5. <section> – Defines a distinct section of content, such as chapters, headers, footers, or any other thematic grouping of content.
  6. <aside> – Defines content aside from the main content, such as sidebars, pull quotes, or advertisements.
  7. <footer> – Defines the footer of a document or section. It typically contains information such as copyright information, links to related documents, and the author of the document.
  8. <figure> – Defines a self-contained unit of content, such as images, charts, or code snippets.
  9. <figcaption> – Defines a caption for a <figure> element.
  10. <mark> – Defines marked/highlighted text.

By using these semantic elements, web developers can create more meaningful and accessible websites that are easier to understand and navigate for users and search engines alike.

Next Class

Leave a Comment