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í)行拼寫檢查作谭。