Html5推出的新內容比較多,本文我們來介紹兩個重點內容,文檔類型聲明和頭部信息。
無論是Html4.01還是XHtml1.0,所有文檔的開頭都會有文檔聲明<!DOCTYPE>標簽來聲明它采用哪種標准來解析當前網頁(此部分內容可以參考下面相關文章中關於文檔聲明的相關文章),Html5也不例外,不過它較之前兩者更加簡單化,只需要一?行聲明即可。
Html4.01和Xhtml1.0的文檔聲明信息:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Html5的文檔聲明信息:
<!DOCTYPE html>
<!DOCTYPE> 聲明必須位於 HTML5 文檔中的第一行,也就是位於 <html> 標簽之前。它告訴瀏覽器網頁所使用的 Html 規范是什么。Html4.01 中的DOCTYPE需要對DTD進行引用,因為 HTML4.01基於SGML。而HTML5不基於SGML,因此不需要對 DTD 進行引用,但是需要 DOCTYPE來規范瀏覽器的行為。需要注意的是DOCTYPE對大小寫很敏感,請書寫時注意大小寫。
相比之下,我更喜歡Html5的這個文檔聲明,它不僅短小精悍、言簡意賅,更秒的是我們可以隨時將它的寫法記在心中,方便於手寫代碼了,而前兩者的寫法實在太長,用它的時候只能Ctrl+C和Ctrl+V。
另一方面,Html5對頭部信息<meta>的相關內容也有很大優化,比如定義文檔的字符編碼,在Html4.01中定義的方法很長:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
在Html5中,有這樣一小段就夠了:
<meta charset="utf-8">
優化后的這些是不是很簡單?也許這就是Html5讓人驚喜之處。