html5開發(fā)從入門到精通源碼課件

《html5開發(fā)從入門到精通源碼課件》由會員分享，可在線閱讀，更多相關(guān)《html5開發(fā)從入門到精通源碼課件（4頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、文檔供參考，可復(fù)制、編制，期待您的好評與關(guān)注！ 免費的HTML5連載來了《HTML5網(wǎng)頁開發(fā)實例詳解》連載（三）DOCTYPE和字符集 在2.1.2節(jié)中通過新老DOCTYPE的對比，讀者可以清晰地看到HTML 5在精簡舊有結(jié)構(gòu)上做出的努力。DOCTYPE在出現(xiàn)之初主要用于XML中，用作描述XML允許使用的元素、屬性和排列方式。起初HTML借鑒了XML中DOCTYPE的使用方法，并賦予了新用法，如大家熟知的觸發(fā)瀏覽器的標準模式。假使在制作一張頁面時，沒有設(shè)定DOCTYPE，則瀏覽器會以怪異模式狀態(tài)進行處理（即Quirks模式），該模式與標準模式在盒模型、樣式、布局等都存在較大差異。因此，

2、DOCTYPE在制作頁面時是不可或缺的部分。 在上一版本HTML 4標準中，DOCTYPE被分為3種模式： · 嚴格模式，即嚴格遵循W3C標準的模式，代碼格式如下： [html]?view plain?copy 1. ?? · 過渡模式，包含了W3C標準的內(nèi)容，同時還可以使用不被W3C推薦的標簽，如font、b等，而且不可以使用框架元素（即frameset元素），代碼格式如下： [html]?view

3、plain?copy 1. ?? · 框架模式，可以使用框架元素，其他與過渡模式相同，代碼格式如下： [html]?view plain?copy 1. ?? ? ? 提示：舊有的H

4、TML關(guān)于DOCTYPE標準，讀者可以參看W3C官方文檔說明，網(wǎng)頁地址：http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.2。雖然之前版本的HTML對DOCTYPE做了重重規(guī)定，但真實情況卻是瀏覽器會盡最大的可能渲染對應(yīng)的頁面，即使可能出現(xiàn)了一些不符合模式的做法，唯一會出現(xiàn)的是瀏覽器會在控制臺中顯示一些錯誤警告，這種做法就是常說的瀏覽器容錯性，實則是對市場和用戶的妥協(xié)。 ? ? 故事發(fā)展到HTML 5，W3C將DOCTYPE剔除原有雞肋的聲明方式，簡化為如下格式： [html]?view plain?

5、copy 1. ?? ? ?對于絕大多數(shù)開發(fā)者來說，只需要使用這一種方式就足以滿足日常的開發(fā)使用，但如果要考慮到日后的兼容和擴展等一系列問題，還需要了解W3C在新制定DOCTYPE的一些新規(guī)定，主要分為3類： · 普通模式，即 · 棄用模式，聽起來不知所云，其實指的就是對過往模式的兼容模式，不過HTML5棄用了之前的過渡模式和框架模式，最終留下了6種書寫格式，代碼如下： [html]?view plain?copy 1.

6、 ?? 2. ?? 3. ?? 4.

7、ict//EN"?? 5. ?????????"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">?? 6. ?? · 遺留兼容模式，對于過往無法考證規(guī)則的一種兼容方式，語法格式如下： [html]?view plain?copy 1. ?? ? ? 通過對

8、瀏覽器DOCTYPE的理解，讀者可以熟悉瀏覽器模式的觸發(fā)方式，不過就通常開發(fā)而言，只需要使用這一種普通模式。 提示：HTML 5最新3種模式可以查看鏈接http://dev.w3.org/html5/markup/syntax.html#doctype-syntax。 ? ? ? ? 所謂的字符是對各種文字和符號的總稱，涵蓋了各國文字、標點符號、圖形符號和數(shù)字等。字符集是對多個字符的集合，常用的字符集有：ASCII、GB2312、Unicode、ISO等?？茖W家為了讓計算機準確地處理各種字符集，需要對字符進行編碼，以便計算機能夠識別和存儲各種文字。 ? ? ?

9、 ? 在HTML 5出現(xiàn)之前，瀏覽器會根據(jù)3種方式確認頁面的編碼格式，按優(yōu)先級排列如下： · 獲取HTTP請求頭中的Content-Type字符對應(yīng)的值。 · 使用meta標簽聲明，語法格式如下： [html]?view plain?copy 1. ?? · 外鏈資源使用charset屬性聲明編碼格式，如script標簽中使用語法格式如下： [html]?view plain?copy 1.

10、"src="myscripts.js"?charset="UTF-8">?? HTML 5出現(xiàn)后，對字符集的使用做了大量的簡化，可以使用以下語法進行字符集聲明： [html]?view plain?copy 1. ?? 對于日常使用網(wǎng)站開發(fā)而言，結(jié)合HTML 5的字符集使用，筆者給出如下建議： · ?最優(yōu)先使用HTTP請求頭指定編碼。 · ?統(tǒng)一全站字符集編碼，HTML 5推薦UTF-8字符集。 · 使用meta標簽確認字符集編碼，盡可能放在html標簽的第一個子元素位置。 · 第三方引用的腳本，在不確認字符編碼時，加上charset屬性設(shè)置編碼格式。 學習HTML5最好的書就是《HTML5網(wǎng)頁開發(fā)實例詳解》，用代碼學習用案例學習，可比看文字有趣多了?。。∫槐緯愣℉TML5，從現(xiàn)在開始 4 / 4