html5和響應式頁面到底是有什麼關係？bootstrap框架和html5有關係嗎？

01-09

html5和響應式頁面到底是有什麼關係？bootstrap框架弄懂和html5有關係嗎？

html5是html4的更新標準。html5新增了一些html標籤以及這些標籤對應的css和js介面。 bootstrap是在html5標準形成之際推出的，因此bootstrap天生含有html5的一些標籤和特性。比如，bootstrap支持響應式設計，具體體現在bootstrap的css庫（主要是啟用了css3標準的media query功能）實現了各種設備下的一些預設的html＋css組件（就是一些半成品的代碼片段，適合在網頁各個地方複製粘貼）。

簡單說：

html5是html的最新標準，體現在新標籤，新css標準，新js介面

bootstrap是基於html5技術的一個好用的前端代碼框架，可以簡單的複製粘貼，修修改改做一個漂亮頁面

響應式設計是一種設計實現理念，css3的meida query功能讓這個理念的實現變的現實而方便。

H5是指在html5標準推行以後，利用html5新特性在手機上的配合市場營銷採用了大量的js css 及canvas技術實現的頁面。個人認為H5的概念很狹隘不能代表整個web前端，更不能包含webapp。但H5的概念也可以變的更寬放，泛指一切在手機上實現的應用或頁面。

響應式的核心是@media選擇器，就是根據不同的解析度修改css的設定，這個嚴格來說不是HTML5的而是CSS3的特性。

事實上HTML5有兩種概念，一種就是HTML5語法本身，另一種是對外宣傳中一種概括說明，說明這個瀏覽器或程序支持/使用了HTML5、CSS3和JavaScript 1.5。國內還進一步省略到支持H5。

bootstrap就是使用了很多css3的特性，JavaScript 1.5的新特性用得不多。至於HTML5語法，bootstrap是可選是否使用的。

HTML5是 HTML 的最新標準；

響應式網頁設計是一種網頁設計，目的是實現一套設計多種表現，即通過@media等方法或屬性檢測設備的寬度，並針對不同的寬度展現對應的布局。

Bootstrap 是是Twitter推出的一個用於前端開發的開源工具包，最新版本（3.x）默認為移動設備優先，支持響應式布局，符合 HTML5 標準。

http://zh.wikipedia.org/wiki/HTML5

http://zh.wikipedia.org/wiki/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1

http://getbootstrap.com/