HTML5 New Structure

HTML5 recognizes that Web pages have a structure, just like books have a structure or other XML(Extensible Markup Language.) documents. In general, Web pages have navigation, body content, and sidebar content plus headers, footers, and other features.

New Elements in HTML5

Below is a list of the new HTML5 elements, and a description of what they are used for.

• Semantic Elements
• Non-semantic Elements

Semantic Elements
These elements simply mean, elements with meaning. The reason being, their definition in the code tells the browser and the developer what they are supposed to do.

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

Non-Semantic Elements

Unlike, semantic elements they don’t have any meaning. They don’t tell anything about the content they contain. They can be used with different attributes to mark up semantics common to a group.

<div>
<span>