<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<!--聲明文檔相容模式，表示使用IE浏覽器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--設定視口的寬度(值為裝置的理想寬度)，頁面初始縮放值<理想寬度/可見寬度>-->
<!--視口的作用：在移動浏覽器中，當頁面寬度超出裝置，浏覽器内部虛拟的一個頁面容器，會将頁面縮放到裝置這麼大來展示-->
<!--width 設定layout viewport 的寬度，為一個正整數，或字元串"width-device"(表示采用裝置的寬度)
initial-scale 設定頁面的初始縮放值，為一個數字，可以帶小數
minimum-scale 允許使用者的最小縮放值，為一個數字，可以帶小數
maximum-scale 允許使用者的最大縮放值，為一個數字，可以帶小數
height 設定layout viewport 的高度，這個屬性對我們并不重要，很少使用
user-scalable 是否允許使用者進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許
如果設定"user-scalable=no",那麼"minimum-scale"和"maximum-scale"無效
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3個meta标簽*必須*放在最前面，任何其他内容都*必須*跟随其後！ -->
<title>Bootstrap完整模闆</title>
<!-- 引入Bootstrap核心樣式檔案 -->
<link href="../../css/bootstrap.min.css" target="_blank" rel="external nofollow" rel="stylesheet">
<!-- HTML5 Shim 和 Respond.js 用于讓 IE8 支援 HTML5元素和媒體查詢 -->
<!-- 注意： 如果通過 file:// 引入 Respond.js 檔案，則該檔案無法起效果，必須放置到web伺服器中，暫時不必掌握 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--正文從此處開始-->
<h1>你好，世界！</h1>
<!--前端開發建議：網站優化時，除了立即需要工作的js存放在head外，将大部分JS檔案放在頁面的末尾-->
<!-- 引入jQuery核心js檔案，必須放置在bootStrap.js前面！ -->
<script src="../../js/jquery-1.11.0.min.js"></script>
<!-- 引入BootStrap核心js檔案 -->
<script src="../../js/bootstrap.min.js"></script>
</body>
</html>
