Mobile device HTML5 Page layout

The new elements added in the HTML5 standard include header footer Footer Nav aside aside article section Hgroup for common page structures.

Here's a brief look at this element:

1.header

The header> element defines the page composition of the document, usually some guidance and navigation information, which typically contains secti-on header information, such as H1~h6 or Hgroup.

<H1>HTML5 Layout Learning

<P> Qinxuekulian </p>

is consistent with the following code:

<div class= "Header" >

<H1>HTML5 Layout Learning

<P> Qinxuekulian </p>

</div>

2.footer

<footer> element definitions The end of the document or section contains basic information about some chapters, such as author information, related and copyright information. You can use multiple headers and footer on a page, or you can insert some other elements, such as Div ul.

<footer>

<p> Privacy Information </p>

<p> About Us </p>

</footer>

3.nav

The <nav> element is used to define the build navigation and display navigation links that are used to place the main navigation links for some current pages.

<footer>

<nav>

<ul>

<li> Privacy Information </li>

<li> Copyright Information </li>

<li> About Us </li>

<li> Contact Us </li>

</ul>

</nav>

</footer>

4.aside

The <aside> element is used to define the area of a page, which is used to represent the main content related to the page, for loading the main content of non-text, such as advertisement, sidebar, etc.

5.article

The <article> element represents a document, a page, used to display a piece of independent article content, such as a website news, a blog post, and so on.

<article>

<H1>HTML5 new Elements

<p>article new Elements </p>

<footer>

<ul>

<li> Articles tagged 1</li>

<li> Articles tagged 2</li>

</ul>

</footer>

</article>

6.section

<section> elements in the first section of the article, such as chapters, headers, and footers.

<article>

<section>

<p></p>

</section>

<section>

<p></p>

</section>

</article>

7.hgroup

Mobile device HTML5 Page layout