【文章內(nèi)容簡(jiǎn)介】 HTML 所能夠?qū)崿F(xiàn)的視覺表現(xiàn)效果。 動(dòng)態(tài) HTML（ DHTML） 在 Flash 初次涉足網(wǎng)頁設(shè)計(jì)領(lǐng)域的同一時(shí)期（ 20 世紀(jì) 90 年代末至 21 世紀(jì)初），由幾種網(wǎng)絡(luò)技術(shù)（如 JavaScript 和一些服務(wù)器端腳本語言）組成的用于創(chuàng)作互動(dòng) /動(dòng)畫頁面元素的 DHTML 技術(shù)的推廣，也在如火如荼地進(jìn)行中。 這時(shí)，隨著 Flash 的發(fā)展和 DHTML 的普及，不只是閱讀靜態(tài)內(nèi)容，還允許用戶與網(wǎng)頁內(nèi)容互動(dòng)的交互頁面的概念誕生了 。 3DML 3DML 是一個(gè)鮮為人知的用于制作三維站點(diǎn)的網(wǎng)頁設(shè)計(jì)語言。由 Michael Powers 編寫于 1996 年， 3DML 文件實(shí)際上由一種非標(biāo)準(zhǔn)的 XML 語言寫成。 Flatland Rover 是一款獨(dú)立開發(fā)的 3DML 瀏覽器，盡管還有對(duì)應(yīng)的 Inter Explorer， Netscape Navigator， the AOL browser 和 Opera 瀏覽器插件，但隨著開發(fā)進(jìn)度停滯于 2021 年， Firefox 的插件始終未能問世。 現(xiàn)在仍然有應(yīng)用 3DML 構(gòu)建的網(wǎng)站，但 如果沒有上述瀏覽器或是相應(yīng)插件，3DML 就是不可見的。 3DML 曾用于制作稱作 “Sopts”的世界與場(chǎng)景。 3DML 真正的殺手锏是比大多數(shù)語言都快的 3D模型構(gòu)建速度（就算是 Flash也需要打開 Flash桌面應(yīng)用來創(chuàng)建并編輯 Flash 內(nèi)容）與更加小巧的文件體積。 基于 CSS 的設(shè)計(jì) CSS 設(shè)計(jì)受到關(guān)注始于 21 世紀(jì)初。雖然 CSS 已經(jīng)存在很長一段時(shí)間了，但是在當(dāng)時(shí)仍然缺乏主流瀏覽器的支持，并且許多設(shè)計(jì)師對(duì)它很是陌生（甚至感到恐懼）。 與表格布局與 Flash 網(wǎng)頁相比， CSS 有許多優(yōu)勢(shì)。首先它將網(wǎng)頁的內(nèi)容與樣式相分 離，這從本質(zhì)上意味著視覺表現(xiàn)與內(nèi)容結(jié)構(gòu)的分離。 CSS 是網(wǎng)頁布局的最佳實(shí)踐，與 CSS 相比表格布局根本不值一提。 CSS 極大地縮減了標(biāo)簽的混亂還創(chuàng)造了簡(jiǎn)潔并語義化的網(wǎng)頁布局。 CSS 還使得網(wǎng)站維護(hù)更加簡(jiǎn)便，因?yàn)榫W(wǎng)頁的結(jié)構(gòu)與樣式是相互分離的。人們完全可以改變一個(gè)基于 CSS設(shè)計(jì)的網(wǎng)站的視覺效果而不去改動(dòng)網(wǎng)站的內(nèi)容。 5 第 2 章 HTML 、 JavaScript、 CSS 簡(jiǎn)介 HTML 簡(jiǎn)介 HTML 表示超文本標(biāo)記語言（ Hyper Text Markup Language）。 HTML 文件是一個(gè)包含標(biāo)記的文本文件。 這些標(biāo)記告訴瀏覽器怎樣 顯示這個(gè)頁面，標(biāo)記又分為單標(biāo)記和雙標(biāo)記兩種，每宗都要求閉合使用。 HTML 文件必須有 htm 或者 html擴(kuò)展名。 HTML 文件可以用任何含編輯功能的文本編輯器創(chuàng)建。 Html 的結(jié)構(gòu) html head meta charset=utf8 / title無標(biāo)題文檔 /title /head body /body /html html 標(biāo)簽 稱為根標(biāo)簽，所有的網(wǎng)頁標(biāo)簽都在 html/html中。 head 標(biāo)簽，代表 HTML 文檔的頭信息，以 head開始 ， /head結(jié)束 ， 它是所有頭部元素的容器。頭部元素有 title、 script、 style、 link、 meta等標(biāo)簽。 body 標(biāo)簽 在 body和 /body標(biāo)簽之間的內(nèi)容代表 HTML 文檔的主體。包括如 h p、 a、 img等網(wǎng)頁內(nèi)容標(biāo)簽。 body標(biāo)簽中的內(nèi)容直接在網(wǎng)頁的內(nèi)容區(qū)顯示 。 Html 的發(fā)展歷史 超文本標(biāo)記 語言 （第一版） ——在 1993 年 6 月作為 互聯(lián)網(wǎng) 工程工作小組（ IETF）工作草案發(fā)布（并非 標(biāo)準(zhǔn) ）： HTML ——1995 年 11 月作為 RFC 1866 發(fā)布，在 RFC 2854 于 2021 年 6月發(fā)布之后被宣布已經(jīng)過時(shí) 。 HTML ——1997 年 1 月 14 日， W3C 推薦標(biāo)準(zhǔn) 。 HTML ——1997 年 12 月 18 日， W3C 推薦標(biāo)準(zhǔn) 。 HTML （微小改進(jìn)） ——1999 年 12 月 24 日， W3C 推薦標(biāo)準(zhǔn) 。 HTML 5——2021 年 10 月 28 日， W3C 推薦標(biāo)準(zhǔn) 。 HTML 沒有 版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有些人認(rèn)為蒂姆 伯納斯李的版本應(yīng)該算初版，這個(gè)版本沒有 IMG 元素。當(dāng)時(shí)被稱為 HTML+的后續(xù)版的開發(fā)工作于 1993 年開始，最初是被設(shè)計(jì)成為 “HTML 的一個(gè)超集 ”。第一個(gè)正式 6 規(guī)范為了和當(dāng)時(shí)的各種 HTML 標(biāo)準(zhǔn)區(qū)分開來，使用了 作為其版本號(hào)。 HTML+的發(fā)展繼續(xù)下去，但是它從未成為標(biāo)準(zhǔn)。 規(guī)范是由當(dāng)時(shí)剛成立的 W3C 于 1995 年 3 月提出，提供了很多新的特性，例如表格、文字繞排和復(fù)雜數(shù)學(xué)元素的顯示。雖然它是被設(shè)計(jì)用來兼容 版本的，但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過于復(fù)雜，在草案于 1995 年 9 月過期時(shí)，標(biāo)準(zhǔn)開發(fā)也因?yàn)槿狈g覽器支持而中止了。 版從未被 正式提出，而下一個(gè)被提出的版本是開發(fā)代號(hào)為 Wilbur 的 HTML ，去掉了大部分 中的新特性，但是加入了很多特定瀏覽器，例如 Mosaic 的元素和屬性。 HTML 對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn) MathML。 HTML 同樣也加入了很多特定瀏覽器的元素和屬性，但是同時(shí)也開始 “清理 ”這個(gè)標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記為過時(shí)，建議不再使用它們。 HTML 的未來和 CSS 結(jié)合會(huì)更好。 HTML 5 草案的前身名為 Web Applications 。于 2021 年被 WHATWG 提出，于 2021 年被 W3C 接 納，并成立了新的 HTML 工作團(tuán)隊(duì)。 HTML5 什么是 HTML5 HTML 5 是近十年來 Web 開發(fā)標(biāo)準(zhǔn)最巨大的飛躍。和以前的版本不同， HTML 5 并非僅僅用來表示 Web 內(nèi)容，它的新使命是將 Web 帶入一個(gè)成熟的應(yīng)用平臺(tái)，在 HTML 5 平臺(tái)上，視頻 、 音頻 、 圖 像 、 動(dòng)畫 以及同電腦的交互都被標(biāo)準(zhǔn)化。 HTML5 的主要新功能 音頻視頻播放 視頻已經(jīng)在 Web 上廣泛流行了，但是其格式幾乎都是專有的。 YouTube 使用 Flash， Microsoft 使用 Windows Media174。， Apple 使用 QuickTime。在一種瀏覽器中用來嵌入這些內(nèi)容的標(biāo)記在另一種瀏覽器中是無效的。 HTML5 新增 audio和 video標(biāo)簽使得瀏覽器不需要插件即可播放視頻和音頻。 對(duì)于以哪種格式和解碼器作為首選，仍然有爭(zhēng)議?？赡軙?huì)強(qiáng)力推薦或要求使用 Ogg Theora。還可以可選地支持 QuickTime 等專有格式和 MPEG4 等受專利限制的格式。實(shí)際使用的格式很可能由市場(chǎng)決定，就像是 GIF、 JPEG 和 PNG 格式那樣（這些格式通過市場(chǎng)競(jìng)爭(zhēng)壓倒了 BMP、 XBitmap 和 JPEG 2021 等競(jìng)爭(zhēng)者，成為 img 元素的首選格式）。 通過 audio 元素可以使用以下代碼給 Web 頁面加上背景音樂： audio src=autoplay=autoplay loop=20210 /。 動(dòng)畫 Canvas HTML 5 引進(jìn)了很多新特性，其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通過 JavaScript 繪制圖形的方法，此方法使用簡(jiǎn)單但功能強(qiáng)大。每一個(gè) canvas 元素都有一個(gè) 上下文 ( context ) (想象成繪圖板上的一頁 )， 7 在其中可以繪制任意圖形。瀏覽器支持多個(gè) canvas 上下文，并通過不同的 API 提供圖形繪制功能。 地理信息 HTML5 的另一個(gè)功能是地理信息定位功能，一些瀏覽器提供了 geolocation API ，這個(gè) API 也由 W3C 管理，可以結(jié)合 HTML5 實(shí)現(xiàn)你當(dāng)前地理位置定位。Google Maps 在使用該功能，在 Google 地圖上，有一個(gè)小圓圈，點(diǎn)擊一下，就能告訴 Google 地圖你現(xiàn)在的地理位置。目前， Geolocation API 并沒有被眾多桌面瀏覽器廣泛采用 (只有 Chrome 和 Firefox + 采用了 )，但 Google Gears 插件可以幫助那些舊瀏覽器實(shí)現(xiàn)該功能。 Twitter 借此實(shí)現(xiàn)地理信息感知的 tweets 消息，當(dāng)瀏覽器支持 geolocation API 的時(shí)候，會(huì)自動(dòng)使用該 API，否則，則使用 Google Gears。 硬件加速、 WEB SOCKET 本地離線應(yīng)用程序 (即使在 Inter 連接中斷之后 ) 本地存儲(chǔ) 相對(duì)于 HTML4 只能使用 cookie 在客戶端存儲(chǔ)數(shù)據(jù)，大小受限制，占用帶寬，操作復(fù)雜的情況， HTML5 支持使用 Web Storage 在客戶端進(jìn)行存儲(chǔ)數(shù)據(jù)，容量更大，減輕帶寬壓力