<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <!-- Bootstrap不支援IE的相容模式，加入此標籤以確保在每個被支援的IE瀏覽器中保持最好的頁面展現效果 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 由於Bootstrap 3是行動裝置優先，加入此標籤是為了確保適當的繪製和觸屏縮放 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap-Template-01</title> <!-- 最新 Bootstrap 核心 CSS 檔案 --> <link rel="stylesheet" href="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css</a>"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="<a href="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script">http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script</a>> <script src="<a href="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script">http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script</a>> <![endif]--></head><body><h1>Hello, world!</h1> <!-- 所有 Bootstrap 外掛程式都依賴 jQuery，因此jQuery必須在Bootstrap之前引入 --> <script src="<a href="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script">http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script</a>> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script src="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script</a>></body></html>
哪下面我就來說說幾個要點吧
【1】Bootstrap是使用的HTML5文件類型，你仔細看看第一行是不是和我們平時寫的不一。
【2】使用了lang，咋們是中國吧，當然用簡體中文了，當然這裡有點點問題，就是看到網上有人說，這個zn-cn已經不在適用於現在的情況了，具體的自己百度吧。
【3】單個標籤沒有閉合了，看看meta標籤就知道了，具體的瞭解下HTML5吧。
【4】加入了在ie小於9的情況下對HTML5不是很支援的情況下的相容處理，當然要是我做的話，我就直接屏蔽了ie9以下的，給一個頁面讓使用者升級瀏覽器，不然使用者看到了就是一個醜陋的頁面，何必呢！！！
【5】為什麼這裡JQuery用的是1.102版的，而不是2.x版的呢？貌似因為1.9.x版對ie8支援，而2.x版是對ie9以後的，所有這裡用了一個大於1.9.x版的，當然，你也可以不支援ie8，就像我在第4步中說的一樣，屏蔽ie9以下的瀏覽器。
以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
