<!DOCTYPE html>
DOCTYPE是document type的簡(jiǎn)寫(xiě)，它并不是 HTML 標(biāo)簽，也沒(méi)有結(jié)束標(biāo)簽，它是一種標(biāo)記語(yǔ)言的文檔類(lèi)型聲明，即告訴瀏覽器當(dāng)前 HTML 是用什么版本編寫(xiě)的。
doctype會(huì)影響代碼驗(yàn)證，并決定了瀏覽器最終如何顯示你的 Web文檔
<!DOCTYPE html> 是 HTML5 中唯一的 doctype，也被視作將網(wǎng)頁(yè) "升級(jí)" 到 HTML5 的第一步。
很多國(guó)外網(wǎng)站的<!DOCTYPE html> 和 <HEAD>之間都會(huì)有一段注釋,如:
<!—[if IE 6 ]><html class="ie ielt9 ielt8 ielt7 ie6" lang="en-US"><![endif]—>
<!—[if IE 7 ]><html class="ie ielt9 ielt8 ie7" lang="en-US"><![endif]—>
<!—[if IE 8 ]><html class="ie ielt9 ie8" lang="en-US"><![endif]—>
<!—[if IE 9 ]><html class="ie ie9" lang="en-US"><![endif]—>
<!—[if (gt IE 9)|!(IE)]><!—><html lang="en-US"><!—<![endif]—>
改代碼作用于 css，來(lái)寫(xiě)一些針對(duì) IE 各版本的樣式差異。
先判斷用戶用的哪個(gè) IE 版本，然后在標(biāo)簽上加上該版本的 class，這樣可以方便 hack。
css 文件是這樣寫(xiě)的：
.ie6 xxx {};
.ie7 xxx {};
這是目前最好的 hack 兼容方式之一。
IE盒模型：margin 、 content（包含border、padding）
W3C盒模型： margin 、border、 padding、 content
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
讓當(dāng)前viewport的寬度等于設(shè)備的寬度，同時(shí)不允許用戶手動(dòng)縮放。也許允不允許用戶縮放不同的網(wǎng)站有不同的要求，但讓viewport的寬度等于設(shè)備的寬度
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
瀏覽器可視區(qū)域的寬度是比這個(gè)默認(rèn)的viewport的寬度要小的
content屬性值 :
width:可視區(qū)域的寬度，值可為數(shù)字或關(guān)鍵詞device-width
height:同width
intial-scale:頁(yè)面首次被顯示是可視區(qū)域的縮放級(jí)別，取值1.0則頁(yè)面按實(shí)際尺寸顯示，無(wú)任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區(qū)域的縮放級(jí)別，
maximum-scale用戶可將頁(yè)面放大的程序，1.0將禁止用戶放大到實(shí)際尺寸之上。
user-scalable:是否可對(duì)頁(yè)面進(jìn)行縮放，no 禁止縮放
