2015年10月23日
第一個(gè)HTML5頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一個(gè)HTML5頁面</title>
</head>
<body>
Hello, World!
</body>
</html>
HTML5不區(qū)分字母大小寫络凿、標(biāo)記結(jié)束符以及屬性是否加引號(hào)烦周，即下列代碼是等效的：
<meta charset="utf-8">
<META charset="utf-8" />
<META charset=utf-8>
html5新增功能元素
a）hgroup元素：對(duì)于整個(gè)頁面或頁面中的一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合帚稠，例：
<hgroup>...</hgroup>
在HTML4中表現(xiàn)為：
<div>...</div>
b）figure元素：表示一段獨(dú)立的流內(nèi)容孵运，一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元。使用figcaption元素可為figure元素組添加標(biāo)題惠呼，例如：
<figure>
<figcaption>標(biāo)題</figcaption>
<p>內(nèi)容</p>
</figure>
在HTML4中表示為：
<dl>
<h1>標(biāo)題</h1>
<p>內(nèi)容</p>
</dl>
c）mark元素：用來呈現(xiàn)突出顯示或高亮的文字导俘。mark元素的一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示關(guān)鍵字。例：
<mark></mark>
d）time元素：表示日期或時(shí)間剔蹋，也可以同時(shí)表示兩者旅薄。例如：
<time></time>
HTML全局屬性
全局屬性就是指對(duì)任何元素都使用的屬性。
1.contentEditable屬性
contentEditable屬性的主要功能是允許用戶在線編輯元素中的內(nèi)容泣崩。contentEditable是一個(gè)布爾值屬性少梁，可以被指定為true或false。此外矫付，該屬性還有一個(gè)隱藏的inherit狀態(tài)
2.designMode屬性
designMode屬性用來指定整個(gè)頁面是否可編輯凯沪，當(dāng)頁面課編輯時(shí)，頁面中任何支持上文所述的contentEditor屬性的元素都變成了可編輯狀態(tài)买优。designMode屬性只能在JavaScript腳本里被修改妨马。該屬性有兩個(gè)值：on與off。屬性被指定為on時(shí)而叼，頁面可編輯身笤；被指定為off時(shí)，頁面不可編輯葵陵。使用JavaScript腳本來指定designMode屬性：
document.designMode="on"
3.hidden屬性
在HTML5中液荸，所有元素都允許使用一個(gè)hidden屬性。當(dāng)hidden為true時(shí)脱篙，元素不可見娇钱；當(dāng)設(shè)為false時(shí)，元素可見绊困。
4.spellcheck屬性
spellcheck屬性是HTML5針對(duì)input元素（type=text）與textarea這兩個(gè)文本輸入框提供的一個(gè)新屬性文搂，它的功能是為對(duì)用戶輸入的文本內(nèi)容進(jìn)行拼寫和語法檢查。spellcheck屬性是一個(gè)布爾值的屬性秤朗，具有true和false兩種值煤蹭，但是書寫時(shí)有一個(gè)特殊的地方，就是必須明確聲明屬性值為true或false取视。示例：
<!--以下兩種書寫方法正確-->
<textarea spellcheck="true">
<input type="text" spellcheck="false">
值得注意的是硝皂，如果元素的readOnly屬性或disabled屬性設(shè)為true，則不執(zhí)行拼寫檢查作谭。
