在HTML5標準添加的新元素中，用于常見頁面結 構的包括header footer footer nav aside aside article section hgroup 。

下面簡單介紹一下這個元素：

1.header

header>元素定義文檔的頁面組合，通 常是一些引導和導航信息，標簽內通常包含 secti- on的頭部信息，如h1~h6 或 hgroup等。

<header>

　　<h1>HTML5布局學習</h1>

　　<P>勤學苦練</p>

</header>

與下面的代碼是一致的：

<div class=”header”>

　　<h1>HTML5布局學習</h1>

　　<P>勤學苦練</p>

</div>

2.footer

<footer>元素定義文檔或章節的末尾部分 包含一些章節的基本信息，如作者信息，相關連 及版權信息。 一個頁面上可以使用多個 header 和footer,也可以插入一些別的元素，比如div ul 等。

<footer>

　　<p>隱私信息</p>

　　<p>關于我們</p>

</footer>

3.nav

<nav>元素用于定義構建導航，顯示導航 鏈接，用于放入一些當前頁面的主要導航鏈接。

<footer>

　　<nav>

　　　　<ul>

　　　　　　<li>隱私信息</li>

　　　　　　<li>版權信息</li>

　　　　　　<li>關于我們</li>

　　　　　　<li>聯系我們</li>

　　　　</ul>

　　</nav>

</footer>

4.aside

<aside>元素用于定義一個頁面的區域， 用來表示包含頁面相關的主要內容，用于裝載非 正文的主要內容，如廣告欄，側邊欄等。

5.article

　　<article>元素表示文檔，頁面，用來顯示一塊獨立的文章內容，如一則網站新聞，一偏博客文章等。

　　<article>

　　　　<header>

　　　　　　<h1>HTML5新元素</h1>

　　　　　　<p>article 新元素</p>

　　　　　　<footer>

　　　　　　　　<ul>

　　　　　　　　　　<li>文章標簽1</li>

　　　　　　　　　　<li>文章標簽2</li>

　　　　　　　　</ul>

　　　　　　</footer>

　　　　</header>

　　</article>

6.section

　　　<section>元素第一位文章中的節，比如章節，頁眉，頁腳。

　　<article>

　　　　<section>

　　　　　　<h1></h1>

　　　　　　<p></p>

　　　　</section>

　　　　<section>

　　　　　　<h1></h1>

　　　　　　<p></p>

　　　　</section>

　　</article>

7.hgroup

　　<hgroup>定義為對網頁或區段的標題元素進行組合，通常使用多級別的h1~h6標簽節點進行分組。

　　<header>

　　　　<hgroup>

　　　　　　　　<h1></h1>

　　　　　　　　<h2></h2>

　　　　</hgroup>

　　</header>

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的移动设备HTML5页面布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。