黑板報htmlcss html5做一個黑板報頁面

本文格式為Word版，下載可任意編輯——黑板報htmlcsshtml5做一個黑板報頁面

我們結(jié)合移動設(shè)備（手機和平板電腦）的特性，介紹HTML5中新增的語義化標(biāo)簽元素，以及在移動Web欣賞器下Web頁面布局的學(xué)識及例子。

在HTML5標(biāo)準(zhǔn)添加的新元素中，用于常見頁面結(jié)構(gòu)的包括headerfooterfooternavasideasidearticlesectionhgroup。

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

1.header

header元素定義文檔的頁面組合，通常是一些引導(dǎo)和導(dǎo)航信息，標(biāo)簽內(nèi)通常包含secti-on的頭部信息，如h1~h6或hgroup等。

HTML5布局學(xué)習(xí)

勤學(xué)苦練

與下面的代碼是一致的：

HTML5布局學(xué)習(xí)

勤學(xué)苦練

2.footer

元素定義文檔或章節(jié)的末尾片面包含一些章節(jié)的根本信息，如信息，相關(guān)連及版權(quán)信息。一個頁面上可以使用多個header和footer,也可以插入一些別的元素，譬如divul等。

3.nav

元素用于定義構(gòu)建導(dǎo)航，顯示導(dǎo)航鏈接，用于放入一些當(dāng)前頁面的主要導(dǎo)航鏈接。

4.aside

元素用于定義一個頁面的區(qū)域，用來表示包含頁面相關(guān)的主要內(nèi)容，用于裝載非正文的主要內(nèi)容，如廣告欄，側(cè)邊欄等。

5.article

元素表示文檔，頁面，用來顯示一塊獨立的文章內(nèi)容，如一那么網(wǎng)站新聞，一偏博客文章等。

6.section

元素第一位文章中的節(jié)，譬如章節(jié)，頁眉，頁腳。

7.hgroup

定義為對網(wǎng)頁或區(qū)段的標(biāo)題元素舉行組合，通常使用多級別的h1~h6標(biāo)簽節(jié)點舉行分組。

實際上，除了我們介紹的語義標(biāo)簽外，在HTML5的標(biāo)準(zhǔn)中還定義了更多不同語義的標(biāo)簽。

*audio:定義音頻內(nèi)容。

*canvas:定義畫布功能。

*command:定義一個命令按鈕。

*datalist:定義一個下拉列表。

*details:定義一個元素的細致內(nèi)容。

*dialog:定義一個對話框。

*keygen:定義表單里一個聲稱的鍵值。

*mark:定義有標(biāo)記的文本。

*output:定義一些輸出類型。

*progress:定義任務(wù)的過程。

*source:定義媒體資源。

*video:定義一個視頻內(nèi)容。

雖然HTML5標(biāo)準(zhǔn)中新增了好多新的元素，但實際上在移動Web應(yīng)用中使用的機遇并不多。

audio及video等標(biāo)簽雖然可以在移動We