1. Comparison of layout Modes
- Previous Layout
- HTML5 Layout
2. Add tags to HTML5
-
- Section label
<Section> label: defines the section in the document. For example, a section, header, footer, or other part of the document. It is generally used for segmented content and starts a new section in the Document Stream. It is used to represent common document content or application blocks, usually composed of content and its title. However, the section element tag is not a common container element. It indicates a topic content and generally has a title.
- Article label
<Article> is a special section label that has clearer semantics than a section. It represents an independent and complete content block and can be used independently of other content on the page. For example, a complete forum post and a blogArticle, A user comment, and so on. In general, article includes the title part (usually included in the header) and sometimes footer. Article can be nested, and the article labels of the internal article layer are affiliated. For example, a blog article can be displayed in Article, and some comments can be embedded in article.
-
- NAV label
The nav tag represents a part of the page. It is a link group that can be used as page navigation. The navigation element links to other pages or other parts of the current page.CodeIt is more accurate in terms of semantics and provides better support for screen readers and other devices.
-
- Aside labels
The aside tag is used to load non-body content and is considered as a separate part of the page. Its content is separated from the main content on the page and can be deleted without affecting the content, chapters, or information to be conveyed on the page. For example, advertisements, group links, and sidebar.
- Header label
<Header> A tag defines the header of a document, which usually contains guidance and navigation information. It is not limited to writing in the webpage header, but also in the webpage content.
Generally, a
-
- Footer label
The footer label defines the footer of a section or document, which contains information related to pages, articles, or part of content, such as the author or date of an article. As the footer of a page, it generally contains copyright, related files, and links. It is similar to the use of the
-
- Hgroup tag
The hgroup tag combines the title element (h1-h6) of a webpage or section. For example, if you have continuous H series label elements in a segment, you can use hgroup to enclose them.
-
- Figure tag
Used to combine elements. It is mostly used for combination of images and image descriptions.
From: http://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html
