|
前言
HTML 5如同一場(chǎng)革命，正在Web2.0后時(shí)代轟轟烈烈的進(jìn)行著。
HTML 5是什么，無(wú)須我在這里贅述了。對(duì)于HTML 5的革新，按我的理解，可以總結(jié)為語(yǔ)義明確的標(biāo)簽體系、化繁為簡(jiǎn)的富媒體支持、神奇的本地?cái)?shù)據(jù)存儲(chǔ)技術(shù)、不需要插件的富動(dòng)畫(canvas)、強(qiáng)大的API支持�？傊琀TML 5讓人機(jī)交互，人網(wǎng)交互變得更加舒適，貼合用戶。以往對(duì)富媒體應(yīng)用與本存儲(chǔ)的支持乏力也不再是瀏覽器的切膚之痛。將Web從內(nèi)容平臺(tái)推向標(biāo)準(zhǔn)化的應(yīng)用平臺(tái)，并一統(tǒng)各在平臺(tái)陣營(yíng)的標(biāo)準(zhǔn)，才是HTML 5革命的初衷。
本文，我就拋磚引玉，闡述HTML 5的革新之一：語(yǔ)義更明確簡(jiǎn)潔的結(jié)構(gòu)。
從”頭”說(shuō)起
一個(gè)標(biāo)準(zhǔn)的XHTML頭部代碼應(yīng)該是這樣：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
</head>
你能記住嗎？你會(huì)去死記硬背嗎？當(dāng)然不會(huì)！我們只需要機(jī)械的復(fù)制粘貼即可。
再看看一個(gè)標(biāo)準(zhǔn)的HTML 5頭部是如何的：
<!doctype html>
<meta charset=gb2312>
孰繁孰簡(jiǎn)，就不用我說(shuō)了。是的，HTML 5的頭部可以如此簡(jiǎn)單，可以輕易的記�。〔⑶�，可以忽略大小寫，引號(hào)以及最后一個(gè)尖括號(hào)前的反斜線。
為什么可以如此松散？其實(shí)，如果把XHTML當(dāng)成text/html發(fā)送，瀏覽器一樣可以很好的解析，瀏覽器并不在乎代碼的語(yǔ)法。所以，HTML 5是形而上的，它可能會(huì)破壞原有的一些標(biāo)準(zhǔn)，但仍可在瀏覽器中很好的表現(xiàn)。
當(dāng)然，為了團(tuán)隊(duì)協(xié)助與后續(xù)維護(hù)的方便，我們還是應(yīng)該統(tǒng)一一種你喜歡的風(fēng)格的寫法，比如：
<!doctype html>
<html>
<head>
<meta charset=”gb2312″ />
…
</head>
<body>
…
</body>
</html>
另外，HTML 5雖然目前并不為所有瀏覽器所支持，但這個(gè)能省去100多字節(jié)(對(duì)于日PV百萬(wàn)級(jí)以上的站點(diǎn)，能省下不少的流量哦)的頭部已可以完美的兼容了。如果你對(duì)瀏覽器解析模式有研究的話，你應(yīng)該知道，頁(yè)面在沒有定義doctype的情況下會(huì)觸發(fā)怪異模式，而只要定義了<!doctype html>瀏覽器就可以在標(biāo)準(zhǔn)模式下解析頁(yè)面，而不需要指定某個(gè)類型的DTD。
出處：Mr.Think
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) HTML5的革新:結(jié)構(gòu)之美 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) HTML5的革新:結(jié)構(gòu)之美 [1]
第 2 頁(yè) 
