2015年10月29日
HTML5文檔結(jié)構(gòu)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hello</title>
</head>
<body>
</body>
</html>
HTML5文檔以<!DOCTYPE html>開頭，這是一個(gè)文檔類型聲明。
meta標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。該標(biāo)簽提供頁面的元信息，如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
HTML5元素分類
把HTML5的元素分為結(jié)構(gòu)性元素、級(jí)快性元素、行內(nèi)語義性元素和交互性元素四大類。
1.結(jié)構(gòu)性元素
結(jié)構(gòu)性元素主要負(fù)責(zé)Web的上下文結(jié)構(gòu)的定義，確保HTML文檔的完整性，這類元素包括以下幾個(gè)：
a）section
b）header
c）footer
d）nav
e）article
2.級(jí)塊性元素
級(jí)塊性元素主要完成Web頁面區(qū)域的劃分，確保內(nèi)容的有效分隔，這類元素包括以下幾個(gè)：
a）aside
b）figure
c）code
d）dialog
3.行內(nèi)語義元素
行內(nèi)語義元素主要完成Web頁面具體內(nèi)容的引用和表述， 是豐富內(nèi)容展示的基礎(chǔ)，這類元素包括以下幾個(gè)：
a）meter：表示特定范圍內(nèi)的數(shù)值，可用于工資、數(shù)量、百分比等
b）time：表示時(shí)間值
c）progress：用來表示進(jìn)度條，可通過對(duì)其max、min、step等屬性進(jìn)行控制，完成對(duì)進(jìn)度的表示和監(jiān)視
d）video
e）audio
4.交互性元素
交互性元素主要用于功能性的內(nèi)容表達(dá)，會(huì)有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)， 是各種數(shù)據(jù)的基礎(chǔ)，這類元素包括：
a）details
b）datagrid
c）menu
d）command
構(gòu)建主體內(nèi)容
標(biāo)識(shí)文章
article一般放在一個(gè)header里。當(dāng)article元素嵌套使用時(shí)，內(nèi)部的article元素必須和外部article元素內(nèi)容相關(guān)。article支持HTML5全局屬性。
本段代碼演示了如何使用article元素設(shè)計(jì)網(wǎng)絡(luò)新聞?wù)故荆?/p>
