h5魚蝦蟹源碼架設教程

咱們結合移動設備（手機和平板電腦）的特性，介紹HTML5中新增的語義化標籤元素，h5魚蝦蟹源碼架設教程聯繫Q:2152876294搭建材料【http://diguaym.com】以及在移動Web瀏覽器下Web頁面佈局的知識及例子。 

在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> 
與下面的代碼是一致的：

複製代碼
代碼以下:

<p class=」header」> 
　　<h1>HTML5佈局學習</h1> 
　　<P>勤學苦練</p> 
</p> 
2.footer 
<footer>元素定義文檔或章節的末尾部分 包含一些章節的基本信息，如做者信息，相關連 及版權信息。 一個頁面上能夠使用多個 header 和footer,也能夠插入一些別的元素，好比p 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> 
實際上，除了咱們介紹的語義標籤外，在HTML5的標準中還定義了更多不一樣語義的標籤。

• audio:定義音頻內容。
• canvas:定義畫布功能。
• command:定義一個命令按鈕。
• datalist:定義一個下拉列表。
• details:定義一個元素的詳細內容。
• dialog:定義一個對話框。
• keygen:定義表單裏一個聲稱的鍵值。
• mark:定義有標記的文本。
• output:定義一些輸出類型。
• progress:定義任務的過程。
• source:定義媒體資源。
• video:定義一個視頻內容。 雖然HTML5標準中新增了不少新的元素，但實際上在移動Web應用中使用的機會並很少。 audio及video等標籤雖然能夠在移動Web應用中獲得實踐，但因爲其性能、兼容性以及頁面渲染等緣由，它們還不能很好地應用到智能手機以及平板電腦的Web瀏覽器上。