HTML5

New Basic Elements Guide

Click the arrows beside the new HTML5 elements to learn more about them.

  • <header>

    <header>

    Typically used at the top of the page as a container for the site or page title, navigation menus and other introductory content.

  • <nav>

    <nav>

    Used as a container to wrap any type of navigational element on the page, like a main menu or a breadcrumb trail.

  • <section>

    <section>

    This can be used as a wrapper to surround blocks of content that are similar in nature on the same page.

  • <article>

    <article>

    Used as a wrapper for large blocks of content, such as a news article, a blog post, or a primary media element.

  • <aside>

    <aside>

    Asides can be used to signify pullquotes within an article, or as a wrapper for sidebar content.

  • <footer>

    <footer>

    Used as a container for footer related items, such as non-primary navigational menus, legal information, or at the end of an article to wrap meta information.

  • <hgroup>

    <hgroup>

    Used to group multiple heading tags together. This is useful when using an H1 the site title and an H2 for the site tagline.

  • <time>

    <time>

    Used to denote specific blocks of date and time related text on a page.

  • <details>

    <details>

    Allows you to create expanding and collapsing content areas when used in combination with the SUMMARY element.

  • <figure>

    <figure>

    Used to wrap images, video, or other block content that requires a caption.

  • <mark>

    <mark>

    Allows you to mark up specific words on a page and make them stand out, highlighted in yellow for example.

  • <ruby>

    <ruby>

    Allows for writing Asian language text in multiple writing systems.

The following elements have been removed from the HTML5 spec.

  • <applet>
  • <big>
  • <blink>
  • <center>
  • <font>
  • <marquee>
Testing out this pop feature!