TIL : New Structural Elements Added To HTML5

Element Description
<header>  Introduction of “sectioning elements”: an article, a section, the entire document (header page). Typically the header of a Web site that appears on top of each page, or a header of a long <article> or of a long <section>
<footer>  Contains the footer of a site, a long <article>, or a long <section>
<nav>  Section that contains the main navigation links (within the document or to other pages).
<article>  Independent content, which can be individually extracted from the document and syndicated (RSS or equivalent) without penalizing its understanding. Typically a blog post.
<section>  Generic section used to group different articles for different purposes or subjects or to define the different sections of a single article. Generally used with a header.
<time>  Used for marking up times and dates.
<aside>  Section whose content is not necessarily directly related to the main content that surrounds it, but can provide additional information.
<figure>  and <figcaption>  Used to encapsulate a figure as a single item, and contains a caption for the figure, respectively.
<main>  The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application. There can be only one <main> element in a document.

 

Source : edX Course “HTML5 Part 1: HTML5 Coding Essentials and Best Practices

Leave a Reply