1、 HTML DOCTYPE 的重要性?
<!DOCTYPE>聲明必須是 HTML 文檔的第一行果港,位于? 標簽之前廉羔。?
<!DOCTYPE>聲明不是 HTML 標簽;它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令塘揣。
在 HTML 4.01 中包雀, <!DOCTYPE>聲明引用 DTD,因為 HTML 4.01 基于 SGML亲铡。DTD 規(guī)定了標記語言的規(guī)則才写,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
DOCTYPE? 3種類型
HTML 4.01 Strict
該 DTD 包含所有 HTML 元素和屬性奖蔓,但不包括展示性的和棄用的元素(比如 font)赞草。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN"?
"http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
該 DTD 包含所有 HTML 元素和屬性吆鹤,包括展示性的和棄用的元素(比如 font)厨疙。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01//Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
該 DTD 等同于 HTML 4.01 Transitional疑务,但允許框架集內(nèi)容沾凄。
<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
如果html中沒有加上doctype 可能在不同瀏覽器出現(xiàn)bug. 所以html加上doctype是至關(guān)重要的.
2、語義化的重要性
語義化標簽就是盡量使用有相對應(yīng)的結(jié)構(gòu)的含義的Html的標簽
1.結(jié)構(gòu)更好暑始,更利于搜索引擎的抓却疃馈(SEO的優(yōu)化)和開發(fā)人員的維護(可維護性更高,因為結(jié)構(gòu)清晰,so易于閱讀)廊镜。
?2.更有利于特殊終端的閱讀(手機牙肝,個人助理等)盡量用有結(jié)構(gòu)含義的,少用無語義的,如,<span>,<div>無意義嗤朴,看不出是什么東西,可是<address>一看就知道這里面的是地址,em標簽一看就知道這個是強調(diào)的內(nèi)容
,區(qū)分于不同內(nèi)容配椭。
怎么判斷你的頁面是否符合Web標準之一:語義化標簽?zāi)兀磕憧梢园涯愕捻撁鏁簳r去掉樣式后看可讀性怎么樣雹姊,如果這個時候感覺你的頁面很亂股缸,
那就說明的的頁面的語義化標簽不怎么樣,而如果你的頁面去掉樣式了感覺依然不是雜亂無章的吱雏,那么敦姻,就說明你的頁面結(jié)構(gòu)清晰,語義化標簽使用比較規(guī)范了歧杏。