1 . HTML5文檔結(jié)構(gòu)
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>頁(yè)面標(biāo)題</title>
</head>
<body>
</body>
</html>
-
Viewport設(shè)置
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
快捷鍵:meta:vp+tab鍵
說(shuō)明:此屬性為移動(dòng)端頁(yè)面視口設(shè)置,當(dāng)前值表示在移動(dòng)端頁(yè)面的寬度為設(shè)備的寬度晦鞋, 并且不縮放(縮放級(jí)別為1)960px 內(nèi)被套在一個(gè)寬度為980px(絕大多數(shù)設(shè)備的視口默認(rèn)尺寸)的容器(視口)中,將視口縮放到設(shè)備的真實(shí)尺寸中進(jìn)行展示
-
瀏覽器兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
快捷鍵:meta:compat + tab鍵
說(shuō)明:此屬性為文檔兼容模式聲明,表示如果在IE瀏覽器下則使用最新的標(biāo)準(zhǔn)渲染當(dāng)前文檔 -
favicon(站點(diǎn)圖標(biāo))
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
快捷鍵:link:favicon + tab鍵
-
引入相應(yīng)的第三方文件
<link rel="stylesheet" href="bootstrap.css"> <link rel="stylesheet" href="index.css"> ... <script src="jquery.js"></script> <script src="bootstrap.js"></script> <script src="index.js"></script>
-
設(shè)置默認(rèn)字體
body{
font-family: "Helvetica Neue",
Helvetica,
Microsoft Yahei,
Hiragino Sans GB,
WenQuanYi Micro Hei,
sans-serif;
}