- 相關(guān)推薦
html5做一個(gè)黑板報頁(yè)面
我們結合移動(dòng)設備（手機和平板電腦）的特性，介紹HTML5中新增的語(yǔ)義化標簽元素，以及在移動(dòng)Web瀏覽器下Web頁(yè)面布局的知識及例子。
在HTML5標準添加的新元素中，用于常見(jiàn)頁(yè)面結 構的包括header footer footer nav aside aside article section hgroup 。
下面簡(jiǎn)單介紹一下這個(gè)元素：
1.header
header>元素定義文檔的頁(yè)面組合，通 常是一些引導和導航信息，標簽內通常包含 secti- on的頭部信息，如h1~h6 或 hgroup等。
HTML5布局學(xué)習
勤學(xué)苦練
與下面的代碼是一致的：
HTML5布局學(xué)習
勤學(xué)苦練
2.footer
元素定義文檔或章節的末尾部分 包含一些章節的基本信息，如作者信息，相關(guān)連 及版權信息。 一個(gè)頁(yè)面上可以使用多個(gè) header 和footer,也可以插入一些別的元素，比如div ul 等。
3.nav
元素用于定義構建導航，顯示導航 鏈接，用于放入一些當前頁(yè)面的主要導航鏈接。
4.aside
元素用于定義一個(gè)頁(yè)面的區域， 用來(lái)表示包含頁(yè)面相關(guān)的主要內容，用于裝載非 正文的主要內容，如廣告欄，側邊欄等。
5.article
元素表示文檔，頁(yè)面，用來(lái)顯示一塊獨立的文章內容，如一則網(wǎng)站新聞，一偏博客文章等。
6.section
元素第一位文章中的節，比如章節，頁(yè)眉，頁(yè)腳。
7.hgroup
定義為對網(wǎng)頁(yè)或區段的標題元素進(jìn)行組合，通常使用多級別的h1~h6標簽節點(diǎn)進(jìn)行分組。
實(shí)際上，除了我們介紹的語(yǔ)義標簽外，在HTML5的標準中還定義了更多不同語(yǔ)義的標簽。
* audio:定義音頻內容。
* canvas:定義畫(huà)布功能。
* command:定義一個(gè)命令按鈕。
* datalist:定義一個(gè)下拉列表。
* details:定義一個(gè)元素的詳細內容。
* dialog:定義一個(gè)對話(huà)框。
* keygen:定義表單里一個(gè)聲稱(chēng)的鍵值。
* mark:定義有標記的文本。
* output:定義一些輸出類(lèi)型。
* progress:定義任務(wù)的過(guò)程。
* source:定義媒體資源。
* video:定義一個(gè)視頻內容。
雖然HTML5標準中新增了很多新的元素，但實(shí)際上在移動(dòng)Web應用中使用的機會(huì )并不多。
audio及video等標簽雖然可以在移動(dòng)Web應用中得到實(shí)踐，但由于其性能、兼容性以及頁(yè)面渲染等原因，它們還不能很好地應用到智能手機以及平板電腦的Web瀏覽器上。
【html5做一個(gè)黑板報頁(yè)面】相關(guān)文章：
頁(yè)面設計崗位職責01-13
頁(yè)面升級緊急通知02-08
頁(yè)面升級的訪(fǎng)問(wèn)緊急通知04-11
頁(yè)面設計崗位職責通用02-10
關(guān)于頁(yè)面升級的訪(fǎng)問(wèn)緊急通知01-24
HTML5培訓心得體會(huì )03-09
DW中頁(yè)面表格布局實(shí)訓說(shuō)課稿01-11