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

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

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

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

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

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

5、copy 1. ?? ? ?對(duì)于絕大多數(shù)開發(fā)者來說，只需要使用這一種方式就足以滿足日常的開發(fā)使用，但如果要考慮到日后的兼容和擴(kuò)展等一系列問題，還需要了解W3C在新制定DOCTYPE的一些新規(guī)定，主要分為3類： · 普通模式，即 · 棄用模式，聽起來不知所云，其實(shí)指的就是對(duì)過往模式的兼容模式，不過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. ?? · 遺留兼容模式，對(duì)于過往無法考證規(guī)則的一種兼容方式，語法格式如下： [html]?view plain?copy 1. ?? ? ? 通過對(duì)

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

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

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