HTML5 Semantic

HTML5 Semantic Elements

What are Semantic Elements?

A semantic element plainly portrays its significance to both the program and the designer.
Cases of non-semantic elements: <div> and <span> - Tells nothing about its substance.
Cases of semantic elements: <form>, <table>, and <article> - Clearly characterizes its substance.

New Semantic Elements in HTML5

Many web sites contain HTML code like: <div id="nav"> <div class="header"> <div id="footer">
to show route, header, and footer. 

HTML5 offers new semantic components to characterize diverse parts of a web page:

1. <article>
2. <aside>
3. <details>
4. <figcaption>
5. <figure>
6. <footer>
7. <header>
8. <main>
9. <mark>
10. <nav>
11. <section>
12. <summary>
13. <time>