HTML5 main new non-principal structure elements

• Header

headerAn element is a structure element that has a bootstrap and navigation effect, typically used to place the title of an entire page or a chunk of content within a page, but can also contain other content, such as a data table, a search form, or a related logo image. In HTML5, a header element typically includes at least one heading element (H1-H6).

Html:

<div class="header"></div>

HTML5:

• Footer

footerAn element can be a footnote to its upper-level parent content block or to a root chunk. Footer usually includes footnote information about its relevant blocks, such as the author, relevant reading links, and copyright information.

Html:

<div class="footer"></div>

HTML5:

<footer></footer>

• Hgroup

hgroupAn element is an element that groups a title and its sub-headings. Hgroup elements typically group HL~H6 elements, such as the title of a content chunk and its child elements.

Usage:

• Address

addressElements are used to present contact information in a document, including the name of the document author or document maintainer, their names, 网站链接、电子邮箱、真实地址、电话号码 and so on. addressshould not only be used to present e-mail or real addresses, but also to show all of the contacts associated with the document联系信息

Usage

<footer>    <address>作者</address>    <time datetime="2015-04-18" pubdate>2015年4月18日</time></footer>

HTML5 main new non-principal structure elements