HTML5 page layout for mobile devices

HTML5 page layout for mobile devices

In the new elements added to the HTML5 standardHeader footer nav aside article section hgroup.

This element is briefly introduced below:

1. header

Header> A page combination of Element Definition documents. Usually, some guidance and navigation information is displayed. A tag usually contains the header information of secti-on, such as h1 ~ H6 or hgroup.

<Header>

<H1> HTML5 layout learning

<P> hard work and hard work </p>

</Header>

It is consistent with the following code:

<Div class = "header">

<H1> HTML5 layout learning

<P> hard work and hard work </p>

</Div>

2. footer

<Footer> the end of an element definition document or chapter contains the basic information of some chapters, such as the author information, related links, and copyright information. Multiple headers and footers can be used on a page, or some other elements can be inserted, such as div ul.

<Footer>

<P> Privacy Information </p>

<P> about us </p>

</Footer>

3. nav

<Nav> elements are used to define build navigation and display navigation links. They are used to place the main navigation links of the current page.

<Footer>

<Nav>

<Ul>

<Li> Privacy Information </li>

<Li> copyright information </li>

<Li> about us </li>

<Li> Contact Us </li>

</Ul>

</Nav>

</Footer>

4. aside

<Aside> elements are used to define the area of a page. They are used to indicate the main content related to the page and load non-body content, such as the advertisement bar and sidebar.

5. article

<Article> An element indicates a document. A page is used to display an independent article, such as a website news or a blog article.

<Article>

<Header>

<H1> New HTML5 elements

<P> new article elements </p>

<Footer>

<Ul>

<Li> Article tag 1 </li>

<Li> Article tag 2 </li>

</Ul>

</Footer>

</Header>

</Article>

6. section

<Section> the section in the first element article, such as chapter, header, and footer.

<Article>

<Section>

<H1>

<P> </p>

</Section>

<Section>

<H1>

<P> </p>

</Section>

</Article>

7. hgroup

<Hgroup> it is defined as a combination of title elements of a webpage or segment ~ H6 label nodes are grouped.

<Header>

<Hgroup>

<H1>

<H2>

</Hgroup>

</Header>