互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)--HTML語言

1、互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML語言的起源 v HTML作為定義萬維網(wǎng)的基本規(guī)則之一，最初由蒂 姆本尼斯李（Tim Berners-Lee）于1989CERN （Conseil Europeen pour la Recherche Nucleaire） 研制出來。 v 本尼斯李選擇使用標(biāo)準(zhǔn)通用標(biāo)記語言（SGML， standard generalized markup language）作為HTML 的開發(fā)模版。HTML即超文本標(biāo)記語言是定義了超文本 文檔的SGML的子集。 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML語言的演變 v 1989年由本尼斯李最初設(shè)計(jì)的

2、HTML被定義為HTML1 v 1995年9月HTML 2.0 由IETF（Internet engineering task force）發(fā)布，成為官方標(biāo)準(zhǔn) v 1995年 5月 HTML3.0被發(fā)布,并且 有 Are na、 UdiWWW、 Emacs-W3等 實(shí) 驗(yàn) 性 的 瀏 覽器 支 持 ，由 于 與 HTML 2.0相 比 ,改動(dòng) 過 大 ,不 利 推 廣 ,因 此 HTML3.0草案被廢除 v 1997年1月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布了HTML 3.2版 本 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 v 1997年12月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布HTML4.0版, 1998年5月做了最后修訂 v

3、 1999年12月萬維網(wǎng)聯(lián)盟（W3C）推出HTML4.01版 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML4.0的特點(diǎn) v HTML 4.0及其以后版本繼承了以往版本的所有特點(diǎn)， 并支持更多的多媒體選項(xiàng)，腳本語言，樣式表等。在 文檔國際化方面邁出一大步。 v 更加明確了文檔的結(jié)構(gòu)和表現(xiàn)形式上的區(qū)別，以鼓勵(lì) 使用格式表（style sheet）來取代使用元素和屬性進(jìn) 行表現(xiàn)的方式 。 v 更加優(yōu)良的表單（form）性能，加入了訪問關(guān)鍵詞 （access key）、構(gòu)建對(duì)稱的表單控件能力、構(gòu)建對(duì) 稱的下拉菜單控件的能力和動(dòng)態(tài)標(biāo)簽（active label）。 v 在文本描述的標(biāo)記中包含對(duì)象。 互聯(lián)網(wǎng)結(jié)構(gòu)

4、標(biāo)準(zhǔn)-HTML語言 v 一種新客戶端的文本包括在圖像映射元素（map element），使得網(wǎng)頁設(shè)計(jì)者可以集成文本和圖像鏈接。 v 可以將替代圖像的文本包括在圖像元素（IMG element） 中，也可以將圖像映射（image map）包含到區(qū)域元 素中（area element）。 v 在所有元素中支持title和language兩個(gè)屬性。 v 更多的表格屬性，包括Caption、Column groups和方 便的非可視信息（non-visual reading）的表現(xiàn)機(jī)制 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 XHTML語言的演變 v 2000年1月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布XHTML1.0標(biāo)準(zhǔn)，

5、 2002年8月做了最后修訂 v 2001年5月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布XHTML 1.1標(biāo)準(zhǔn) v 2006年7月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布XHTML 2.0標(biāo)準(zhǔn) v 2008年7月萬維網(wǎng)聯(lián)盟（W3C）發(fā)布XHTML BASIC 1.1標(biāo)準(zhǔn)，針對(duì)移動(dòng)終端設(shè)備 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 XHTML語言特點(diǎn) v XHTML1.0：與HTML4.01幾乎完全相同，可以簡單看 作是HTML4.01的小小升級(jí)，XHTML對(duì)設(shè)計(jì)提出更高 的要求與規(guī)范，我們應(yīng)該以更嚴(yán)謹(jǐn)?shù)木幋a來替代HTML 松散的編碼結(jié)構(gòu)，真正使頁面代碼清晰易讀，以便于樣 式設(shè)計(jì)與瀏覽器解析 v XHTML1.1則是貨真價(jià)實(shí)的XML。無法

6、使用 text/htmlmime-type直接輸出， 采用XMLmime- type方式的輸出，很多瀏覽器不支持 v XHTML2不向前兼容，甚至不兼容之前的HTML，造成 一些瀏覽器廠商與W3C的決裂，單獨(dú)成立了WHATWG （ Web Hypertext Application Technology Working Group ）的組織 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 目前HTML標(biāo)準(zhǔn) XHTML1.0 v XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、 Transitional 以及 Frameset。 v XHTML Strict DTD 使用此類型的網(wǎng)頁，瀏覽器解析將

7、相對(duì)嚴(yán)格，不允許使用任何表現(xiàn)樣式的標(biāo)識(shí)和屬性 v XHTML Transitional DTD 是一種過渡類型，使用過度類型的XHTML網(wǎng)頁，瀏覽器對(duì)XHTML的解析較寬松，允許 使用HTML4.01中的標(biāo)簽，但必須符合XHTML的語法： v XHTML Frameset DTD 如果網(wǎng)頁使用了框架結(jié)構(gòu)，就有必要使用這樣的文檔說明： 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 XHTML1.0文檔類型選用 v 通常情況下都會(huì)選用Transitional類型， strict標(biāo)準(zhǔn)很嚴(yán) 格，如： v 必須使用結(jié)束標(biāo)簽， 如如 v js文件引用時(shí)，不支持 lanuage 標(biāo)簽 v 不支持target 標(biāo)簽 v 不允

8、許使用屬性簡寫 v 屬性值必須使用雙引號(hào) v 把寬度，高度寫到樣式里面 v 應(yīng)該把form放在table的外面，而不是里面 v 用樣式定義border為0，否則圖片的鏈接會(huì)有個(gè)藍(lán)色邊框 v 一律采用小寫,js代碼寫法不受此點(diǎn)限制。 注：嚴(yán)格執(zhí)行strict標(biāo)準(zhǔn)的瀏覽器中以上顯示有異常 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 WHATWG VS W3C v 2004年，Opera的 Ian Hickson提議在HTML基礎(chǔ)上進(jìn) 行擴(kuò)展以適應(yīng)新的Web應(yīng)用，該提議遭到W3C的拒絕。 于是，他們自發(fā)組織成立了超文本應(yīng)用技術(shù)工作組，就 是 WHATWG v WHATWG的主要工作包括兩部分，Web Forms

9、2.0和 Web Apps 1.0，它們都是HTML的擴(kuò)展，后來，他們合 并到一起成為現(xiàn)在的HTML5規(guī)范。 v 在WHATWG致力于HTML5的同時(shí), W3C 也進(jìn)行著 HTML5標(biāo)準(zhǔn)的開發(fā)（注意，W3C的HTTML5在5之前有 個(gè)空格，而WHATWG的HTML5則沒有空格） 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5發(fā)展歷史發(fā)展歷史 v HTML 5草案的前身名為Web Applications 1.0，是在 2004年由WHATWG提出，再于2007年獲W3C接納，并 成立了新的HTML工作團(tuán)隊(duì)。在2008年1月22日，第一份 正式草案發(fā)布。 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5的優(yōu)點(diǎn)

10、 v HTML 5是一個(gè)新的網(wǎng)絡(luò)標(biāo)準(zhǔn)，目標(biāo)在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標(biāo)準(zhǔn)。它希望能夠減少瀏覽器對(duì)于需要插件的豐富性 網(wǎng)絡(luò)應(yīng)用服務(wù)（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight，與Sun JavaFX的需求。 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5詳述 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5標(biāo)簽圖表 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5 Tags 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML

11、語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML 5 Attributes 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5 Events 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5瀏覽器的支持 v WEB應(yīng)用應(yīng)用 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 v 網(wǎng)頁內(nèi)嵌對(duì)象網(wǎng)頁內(nèi)嵌對(duì)象 v 視頻編碼視頻編碼 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 v 表單對(duì)象表單對(duì)象 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 v 表單對(duì)象屬性與行為表

12、單對(duì)象屬性與行為 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML5最新瀏覽器支持情況 v 專業(yè)專業(yè)HTML5測(cè)試網(wǎng)站：測(cè)試網(wǎng)站： 通過該網(wǎng)站，你可以檢查當(dāng)前訪問的瀏覽器對(duì)通過該網(wǎng)站，你可以檢查當(dāng)前訪問的瀏覽器對(duì)HTML5的的 支持情況支持情況 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 DTD 前邊如果出現(xiàn)其他字符 v 一個(gè) HTML 文檔的 DTD 前邊如果出現(xiàn)其他字符，在各瀏覽器中的處理情況 是不一致的。具體差異請(qǐng)參考下表： 【注】 1. 即HTML注釋，如 。 2. 類似 的 XML 聲明。 3. 即不是空格符、換行符、制表符，也不是注釋、XML 聲明的任何其他字符串，但不 能包含“”字符。 4. 即不是空格

13、符、換行符、制表符，也不是注釋、XML 聲明的任何其他字符串，其中 包含“”字符。 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 HTML字符編碼字符編碼 v 字符編碼的優(yōu)先級(jí)順序（優(yōu)先級(jí)由高至低）： 1、HTTP Content-Type 字段中的 charset 參數(shù)。 2、META 聲明中 http-equiv 為 Content-Type 對(duì)應(yīng)的值中的 charset 的值。 3、元素的 charset 屬性。 如：HTTP “Content-Type” 頭字段設(shè)置了字符編碼為 BIG5，頁面 中的 META 元素設(shè)置了字符編碼為 UTF-8，頁面本身的編碼類型為 GB2312。頁面執(zhí)行時(shí)，通過腳本輸出顯示當(dāng)前瀏覽器所采用的字符 編碼類型是BIG5。 互聯(lián)網(wǎng)結(jié)構(gòu)標(biāo)準(zhǔn)-HTML語言 URI 中非中非 ASCII 字符字符 v 瀏覽器對(duì) URI 中非 ASCII 字符的處理的差異如下： 地址欄直接輸入： 點(diǎn)擊鏈接跳轉(zhuǎn)