HTML5 new elements: Introduction to semantic elements

This article brings you the content is about HTML5 new elements: the introduction of semantic elements, there is a certain reference value, the need for friends can refer to, I hope to help you.

A few years ago, the use of P-elements was generally used for web layout, but it was not semantically good. HTML5 introduces a number of new block-level elements to help improve the semantics of Web pages, make pages logically structured, maintainable, and friendlier to data mining services.

Structural elements, also known as chunk elements, are elements used to define the extent of a chunk's content. Previously, there was only one chunk element, and HTML5 added 7 semantic structure elements

Section

Define the sections (section, section) in the document. such as chapters, headers, footers, or other parts of the document. According to the HTML5 Document: section contains a set of content and its title.

Defines an area of a document. such as chapters, heads, bottoms, or other areas of the document.

Article

The defined content itself must be meaningful and must be independent of the rest of the document. Potential sources: forum posts, blog posts, news stories, reviews.

Aside

Define content outside the main area of the page (such as the sidebar). The contents of the aside tag should be related to the contents of the main area. The label defines the part of the navigation link.

Nav

Defines the navigation links section of the page, but not all links need to be included in the NAV element.

Header

Describes the header area of the document, notes the presentation area used to define the content, and you can use multiple header elements in the page

Footer

Describes the bottom area of the document, which should contain its containing elements, a footer that usually contains the author of the document, copyright information, link Terms of Use, contact information, etc.

You can use multiple footer elements in a document