html值得一說的應該就是適配
！！適配是與手機同時存在的
寫好一個頁面在手機端打開，會發現這個頁面顯示很小，那是因為設備的視口寬度viewport不等於設備寬度device-width，而頁面是根據視口寬度顯示的，一般來說一個手機的視口寬度是980px,而設備寬度是350px
如果測量手機的視口寬度呢，寫一個紅色背景顏色的寬度為980px的div和一個紅色背景顏色的寬度為350px的div，在電腦打開，然后點擊手機調試，會發現980px的div大概占滿，而350px的只有三分之一
也就是說你在一個350px看一個980px的頁面，當然會看起來很小了，還有就是這些年的手機更新換代有了2倍像素，3倍像素的屏幕，但其實設備寬度是沒變的
如何讓視口等於設備寬度，寫一句meta標簽就行，寫在head標簽里
- width viewport 寬度(數值/device-width)
- height viewport 高度(數值/device-height)
- initial-scale 初始縮放比例
- maximum-scale 最大縮放比例
- minimum-scale 最小縮放比例
- user-scalable 是否允許用戶縮放(yes/no)
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
寫上這句代碼后重新查看980px和350px的div，會發現內容變大了，350px占滿了，980px溢出了，而且字體大小也正常了，這個是告誡我們在手機端標簽的寬度最好是用比例，塊級標簽默認就是百分之一百，手機端切記不能讓用戶橫向滑動，寫上這句適配后，文字就用16px，14px就是正常手機的正常顯示大小了
高級些的適配，rem適配，這個在css里講
其他meta
// utf-8 不解釋
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 忽略頁面中的數字識別為電話，忽略email識別 -->
<meta name="format-detection" content="telphone=no, email=no" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- windows phone 點擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- 刪除蘋果默認的工具欄和菜單欄 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 設置蘋果工具欄顏色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />