<!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 各版本的樣式差異照皆。
先判斷用戶(hù)用的哪個(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í)不允許用戶(hù)手動(dòng)縮放。也許允不允許用戶(hù)縮放不同的網(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用戶(hù)可將頁(yè)面放大的程序，1.0將禁止用戶(hù)放大到實(shí)際尺寸之上南蹂。
user-scalable:是否可對(duì)頁(yè)面進(jìn)行縮放犬金，no 禁止縮放
