說說html 的<!DOCTYPE>聲明&標準模式與兼容模式
阿新 • • 發佈：2017-11-16
ffffff get 建議 highlight lns 標準 round div spa
我們都知道<!DOCTYPE>聲明位於文檔的最前面，處於<html>標簽之前。
<!DOCTYPE>聲明不是html標簽，它的作用：告知web瀏覽界面應該使用哪個html版本。
例如：
<!DOCTYPE html> 則是告訴瀏覽器應使用html5。
建議：總是給html文件加上<!DOCTYPE>聲明，確保瀏覽器能預先知道文檔類型。
在html 4.0.1中，<!DOCTYPE>聲明需引用DTD（文檔類型說明），因為html 4.0.1是基於SGML(Standard Generalized Markup Language，標準通用標記語言)。DTD指定了標記語言的規則，確保了瀏覽器能正確的渲染內容。
而html5不是基於SGML，不用引入DTD。
下面是具體的html版本需要的<!DOCTYPE>聲明：
html5：（！tab或者html:5）
<!DOCTYPE html>
html 4.0.1有 strict，transitional，frameset三種格式：
html 4.0.1 strict：（html:4s tab）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html 4.0.1 transitional：（html:4t tab）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html 4.0.1 frameset：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict：（html:xs tab）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
XHTML 1.0 Transitional：（html:xt tab）
<!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" xml:lang="en">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1：(html:xxs)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
ps：以上括號中，均為sublime text3下的快捷鍵生成！
更多關於sublime text3快捷鍵操作點擊此處！
標準模式與兼容模式區別：
當doctype申明缺失或者格式不正確時，文檔會以兼容模式呈現。
標準模式：排版以及js運行模式都是以瀏覽器支持的最高標準運行；
兼容模式：頁面以寬松的向後兼容方式顯示，模擬老瀏覽器的行為防止站點無法正常工作。
說說html 的<!DOCTYPE>聲明&標準模式與兼容模式