HTML5 簡(jiǎn)介

今天開(kāi)始，我們講一個(gè)新專題HTML5。這是一個(gè)老的技術(shù)，又是一個(gè)新的技術(shù)，說(shuō)它老是因?yàn)?HTML 發(fā)展到今天已經(jīng)有 20 多年的歷史了，說(shuō)它新是因?yàn)?HTML5 標(biāo)準(zhǔn)相對(duì)于上一代增加了很多的改進(jìn)和優(yōu)化，那么具體有哪些呢，聽(tīng)我一一道來(lái)。

1. 什么是 HTML

關(guān)于 HTML 百度百科是這么定義的：

HTML 是由 Web 的發(fā)明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年創(chuàng)立的一種標(biāo)記語(yǔ)言，它是標(biāo)準(zhǔn)通用化標(biāo)記語(yǔ)言 SGML 的應(yīng)用。用 HTML 編寫的超文本文檔稱為 HTML 文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)(如 UNIX， Windows 等)。使用 HTML 語(yǔ)言，將所需要表達(dá)的信息按某種規(guī)則寫成 HTML文件，通過(guò)專用的瀏覽器來(lái)識(shí)別，并將這些 HTML 文件“翻譯”成可以識(shí)別的信息，即現(xiàn)在所見(jiàn)到的網(wǎng)頁(yè)。

這里提到 web 網(wǎng)頁(yè)，通俗的來(lái)說(shuō) HTML 就是一種為了表現(xiàn)網(wǎng)頁(yè)的展示形式而制定的一種標(biāo)記語(yǔ)言。通過(guò)標(biāo)記的形式在網(wǎng)頁(yè)中將圖形、文本、多媒體等展示出來(lái)。它不是傳統(tǒng)意義上的編程語(yǔ)言，而是由各種標(biāo)簽組成的標(biāo)記型語(yǔ)言。

2. HTML 標(biāo)準(zhǔn)

HTML5 就是指萬(wàn)維網(wǎng)聯(lián)盟 W3C 制定的 HTML 的第五代標(biāo)準(zhǔn)，那么為什么要制定 HTML 標(biāo)準(zhǔn)呢？因?yàn)?HTML 這種腳本語(yǔ)言是通過(guò)瀏覽器來(lái)解釋執(zhí)行的，瀏覽器有不同的廠商，如果不定制統(tǒng)一的標(biāo)準(zhǔn)每個(gè)瀏覽器執(zhí)行之后的呈現(xiàn)結(jié)果可能有千差萬(wàn)別，這樣的話 HTML 程序員為了兼容不同的瀏覽器需要對(duì)不同的瀏覽器定制不同的代碼，工作量巨大，成本倍增。所以就有了 W3C 組織制定的統(tǒng)一標(biāo)準(zhǔn)。

2.1 早期版本

• 1993 年 6 月 HTML1.0 版本起草發(fā)布
• 1995 年 1 月 HTML2.0 發(fā)布
• 1997 年 1 月 HTML3.2 版本發(fā)布
• 1997 年 12 月 HTML4 版本發(fā)布
• 1999 年 HTML4.01 版本微小改進(jìn)
• 2006 年 W3C 組建 HTML5 工作組
• 2008 年起草 HTML5
• 2014 年 10 月 HTML 標(biāo)準(zhǔn)定稿

3. 新增特性

相對(duì)于上個(gè)版本，新增了十個(gè)特性，涵蓋：

• 新的標(biāo)簽
• 增強(qiáng)表單
• 視頻音頻
• Canvas
• SVG
• 地理位置
• 拖放 API
• 多線程
• 離線存儲(chǔ)
• Websocket

主要增加了多媒體處理、地理位置獲取和多線程的支持。

4. 擴(kuò)展

大家在瀏覽網(wǎng)頁(yè)的時(shí)候有時(shí)候可能會(huì)遇到跟 HTML 長(zhǎng)得很像但是又不是 HTML 的后綴，例如 xhtml、shtml 等?？此撇畈欢啵鋵?shí)是完全不同的技術(shù)類型。

• shtml 是基于 ssi 技術(shù)的網(wǎng)頁(yè)，全拼 server side include 服務(wù)端包含指令。通俗的說(shuō)就是簡(jiǎn)化版的 CGI，就是說(shuō)網(wǎng)頁(yè)需要服務(wù)器預(yù)處理之后再呈現(xiàn)給瀏覽器解析
• XHTML 是 HTML 的嚴(yán)謹(jǐn)版，它集結(jié)了 XML 和 HTML 的優(yōu)點(diǎn)，比如強(qiáng)制使用 <!DOCTYPE> 標(biāo)簽