HTML5 new semantic elements

1. Header: defines the page combination of the document, which is usually the guidance and navigation information.
2. Footer: defines the end of a document or chapter.
3. NAV: used to build navigation and display navigation links
4. ASIDE: defines the area of a page, which is used to indicate the main content related to the page. Its job is mainly to load non-body content.
5. Article: indicates a document or page, used to display an independentArticleContent
6. Section: defines the section in the document. For example, a section, header, footer, or other part of the document.
7. Hgroup: it combines the title elements of a webpage or segment. Generally, the multilevel H1 ~ H6 label nodes are grouped, such as subtitles and label rows.
8. Audio: defines audio content
9. Canvas: defines the canvas function.
10. Command: defines a command button.
11. Datalist: defines the details of an element.
12. Dialog: defines a dialog box.
13. Keygen: defines a claimed key value in the form.
14. MARK: defines tagged text.
15. Output: defines some output types.
16. Progress: defines the Task Type
17. Source: defines media resources.
18. Video: defines the content of a video.

And so on.