本頁使用了標題或全文手工轉換

HTML5

維基百科,自由的百科全書
前往: 導覽搜尋
HTML5
HyperText Markup Language
HTML5 logo and wordmark.svg
副檔名 .html
網路媒體型式 text/html
類型代碼英語Type code TEXT
統一類型標識英語Uniform Type Identifier index.html[1]
開發者 全球資訊網協會WHATWG
初始版本 2014年10月28日
(3年前)
​(2014-10-28[2]
格式類型 標示語言
延伸成 XHTML5(XML-serialized HTML5)
標準 WHATWG HTML
自由格式
XHTML5
副檔名 .xhtml, .html
網路媒體型式 application/xml, application/xhtml+xml
開發者 全球資訊網協會WHATWG
格式類型 標示語言
延伸自 XML、HTML5
自由格式

HTML5[a]HTML最新的修訂版本,2014年10月由全球資訊網協會(W3C)完成標準制定[2][4]。目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以期能在網際網路應用迅速發展的時候,使網路標準達到符合當代的網路需求。廣義論及HTML5時,實際指的是包括HTML、CSSJavaScript在內的一套技術組合。它希望能夠減少網頁瀏覽器對於需要外掛程式豐富性網路應用服務(Plug-in-Based Rich Internet Application,RIA),例如:AdobeFlashMicrosoft SilverlightOracle JavaFX的需求,並且提供更多能有效加強網路應用的標準集。

HTML5添加了許多新的語法特徵,其中包括<video><audio><canvas>元素,同時整合了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素如<section><article><header><nav>則是為了豐富文件的資料內容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素,像<a><cite><menu>被修改,重新定義或標準化了。

同時APIs和DOM已經成為HTML5中的基礎部分了[5]。HTML5還定義了處理非法文件的具體細節,使得所有瀏覽器和用戶端程式能夠一致地處理語法錯誤[6]

發展歷史[編輯]

網頁超文字技術工作小組(WHATWG)於2004年開始制定新標準。在當時,HTML 4.01自2000年來沒有更新[7],以及全球資訊網協會(W3C)正在將未來的發展重點放在XHTML 2.0。2009年,W3C允許XHTML 2.0工作組章程結束過期並且決定不再續訂[8]。W3C與WHATWG合作共同為發展HTML5而努力[8]

2004年6月,Mozilla基金會Opera軟體公司在全球資訊網協會(W3C)所主辦的研討會上提出了一份立場文件[9],其重點是開發與現有瀏覽器向後相容的技術[10],包括Web Forms 2.0最初草案規範。研討會最後以——8票贊成,14票反對——否決繼續對HTML的開發工作[11]。這引起一些人的不滿,在研討會之後,網頁超文字技術工作小組(WHATWG)立即根據該立場文件成立,第二個草案,Web Applications 1.0也公布了[12]。後來這兩種規範合併形成HTML5[13]。2007年,獲得W3C接納,並成立了新的HTML工作團隊。2008年1月22日,第一份公開工作草案發布[14]

儘管HTML5已經在網路開發人員中非常出名了,但是它成為主流媒體的一個話題是在2010年的4月[15][16][17][18],當時蘋果公司的CEO賈伯斯發表一篇題為「對Flash的思考」的文章,指出隨著HTML5的發展,觀看影片或其它內容時,Adobe Flash將不再是必須的[19]。這引發了開發人員間的爭論,包括HTML5雖然提供了加強的功能,但開發人員必須考慮到不同瀏覽器對標準不同部分的支援程度的不同,以及HTML5和Flash間的功能差異[20]

2014年10月28日,W3C正式發布HTML 5.0推薦標準[21]

時間表[編輯]

HTML5.0,HTML5.1和HTML5.2的合併時間表:

2012年 2013年 2014年 2015年 2016年 2017年 2018年
HTML 5.0 候選版 徵求評價 推薦標準
HTML 5.1 第一工作草案 最後召集 候選版 推薦標準
HTML 5.2[22] 第一工作草案 候選版 推薦標準
HTML 5.3[23] 編者草案

特點[編輯]

標記[編輯]

HTML5提供了一些新的元素和屬性,反映典型的現代用法網站。其中有些是技術上類似<div><span>標籤,但有一定含義,例如<nav>(網站導航塊)和<footer>。這種標籤將有利於搜尋引擎的索引整理、小螢幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準介面,如<audio><video>標記[24][25][26]。一些過時的HTML 4.01標記將取消,其中包括純粹用作顯示效果的標記,如<font><center>,因為它們已經被CSS取代[27]。還有一些透過DOM的網路行為。

儘管和SGML在標記上的相似性,HTML5的句法並不再基於它了[28][29],而是被設計成回溯相容對老版本的HTML的解析。它有一個新的開始列看起來就像SGML的文件類型聲明,<!DOCTYPE HTML>,這會觸發和標準相容的彩現模式[30]。在2009年1月5日,HTML5添加了Web Form 2.0的內容,HTML5開始發展起來[31][32]

新的API[編輯]

HTML5相關APIs[33]

除了原先的DOM介面,HTML5增加了更多樣化的應用程式介面(API)[34]

以上技術儘管是WHATWG HTML說明文件的內容,但並沒有全部包括在W3C HTML5的說明文件裡[46]。一些相關的技術,像下面所列的,並沒有包括在這2份文件中的任何一份中。W3C給這些技術單獨出版了說明文件。

  • 地理位置
  • 網頁SQL資料庫 ─ 本地SQL資料庫(不再維護)[47]
  • IndexedDB[48]
  • 檔案[49] ─ 處理檔案上傳和操縱檔案[50]
  • 目錄和檔案系統 ─ 這個API是為了滿足用戶端在沒有好的資料庫支援情況下儲存要求[51]
  • 檔案寫入 ─ 從網路應用程式向檔案裡寫內容[52]
  • 網路音訊[53]
  • ClassList[54]
  • 網路加密[55]
  • WebRTC[56]

一個普遍的誤解是HTML5能夠在網頁中提供動畫效果,這是不對的,動畫效果是需要配合JavaScriptCSS。然而靜態HTML5配合CSS可以表示出覆雜的排版結構而且原生支援與影片的混合與控制(控制一般由JavaScript執行),因此簡單可以把HTML5單位時間的狀態理解為動畫的關鍵影格

XHTML5(XML-serialized HTML5)[編輯]

XHTML5是對HTML5的XML序列化。XML文件必須被設定為XML網際網路檔案類型,像application/xhtml+xml或者application/xml。XHTML5要求像XML一樣嚴格的格式化的語法。在XHTML5中,HTML5的<!DOCTYPE HTML>可有可無的。

XHTML5並非XHTML的第5版,沒有自己獨立的標準規範,而是HTML5的一種序列化方式。XHTML1.x和2.0使用的名字是Extensible HyperText Markup Language,不同於XHTML5。

例外處理[編輯]

HTML5在設計時保證舊的瀏覽器能夠安全地忽略掉新的HTML5代碼[5]。與HTML4.01相比,HTML5給出了解析的完整規則,讓不同的瀏覽器即使在發生語法錯誤時也能返回完全相同的結果[57]

流行度[編輯]

根據2011年9月30日發布的一份報告,全球排名前100的網站中有34個網站都使用了HTML5──主要是搜尋引擎社群網站[58]。2013年8月發布的另一份報告顯示,財富美國500強企業中已有多達153家採用HTML5[59]

HTML 4.01和XHTML 1.x的差異[編輯]

以下為大略的不同之處,與例子:

  • 檔案類型聲明(<!DOCTYPE>)僅有一型:<!DOCTYPE HTML>
  • 新的解析順序:不再基於SGML
  • 新的元素:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr
  • input元素的新類型:date, email, url等等。
  • 新的屬性:ping(用於aarea), charset(用於meta), async(用於script)。
  • 全域屬性:id, tabindex, repeat
  • 新的全域屬性:contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck
  • 移除元素:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt

各瀏覽器的支援[編輯]

HTML5 Test網站,是用以測試對瀏覽器對熱門新功能的支援。測試的滿分是555分,而當中的額外分數表示瀏覽器對一些沒有列入W3C的標準亦有支援,例如<video>元素並沒有指明編碼標準,HTML5支援MPEG-4、H.264、Ogg Theora及WebM 影音編碼。HTML5 Test並未測試所有新加入的功能,分數高只代表瀏覽器現時對所挑選的新網頁編碼整體上有較佳的支援,並不代表日後其表現的趨勢,因此分數只能作為參考。

截止2016年8月6日,五大瀏覽器最新版本所取得的分數分別是[60]

瀏覽器 正式版本 分數 其他版本 分數
Google Chrome 58 518 57 519
Opera 45 518 37 489
Microsoft Edge 15 473 16 478
Mozilla Firefox 53 474 52 474
Apple Safari 10.1 406 10.2 419

注釋[編輯]

  1. ^ 在W3C推薦標準,名稱「HTML」和「5」之間沒有空格[3]

參考文獻[編輯]

  1. ^ Mac Developer Library: System-Declared Uniform Type Identifiers. Apple. 2009-11-17. 
  2. ^ 2.0 2.1 HTML5 specification finalized, squabbling over specs continues. Ars Technica. 2014-10-29 [2014-10-29]. 
  3. ^ A vocabulary and associated APIs for HTML and XHTML. 28 October 2014. 
  4. ^ HTML5 is a W3C recommendation. W3C Blog. 2014-10-28 [2014-10-28]. 
  5. ^ 5.0 5.1 HTML5 differences from HTML4. W3C. 2010-10-19 [2010-12-04]. 
  6. ^ 1.9.2 Syntax Errors. HTML5. 2010-11-16 [2010-12-04]. 
  7. ^ HTML 4 Errata. World Wide Web Consortium. [2010-12-04]. 
  8. ^ 8.0 8.1 Frequently Asked Questions (FAQ) About the Future of XHTML. World Wide Web Consortium. [2010-12-04]. 
  9. ^ Position Paper for the W3C Workshop on Web Applications and Compound Documents. World Wide Web Consortium. [2011-12-30]. 
  10. ^ W3C Workshop on Web Applications and Compound Documents (Day 1) 2004-06-01. World Wide Web Consortium. [2011-12-30]. 
  11. ^ W3C Workshop on Web Applications and Compound Documents (Day 2) 2004-06-02. World Wide Web Consortium. [2011-12-30]. 
  12. ^ [whatwg] WHAT open mailing list announcement. lists.w3.org Mailing Lists. [2015-12-08]. 
  13. ^ This Week in HTML 5 – Episode 5. WHATWG Blog. [2011-12-30]. 
  14. ^ HTML5: A vocabulary and associated APIs for HTML and XHTML.. World Wide Web Consortium. [2009-01-28]. 
  15. ^ FOX News: No Flash on the iPhone? Apple's Steve Jobs Finally Explains Why. Fox News. 2010-04-29. 
  16. ^ TIME: Steve Jobs: 『Flash is No Longer Necessary』 and Other Musings. Time. 2010-04-29. 
  17. ^ Steve Jobs: Why Apple Banned Flash. CBS News. 
  18. ^ FastCompany: Steve Jobs: Adobe's Flash Is Old PC History, Open Web Is the Future. 
  19. ^ 'Thoughts on Flash', by Steve Jobs, CEO of Apple, Inc. Apple.com. [2014-01-08]. 
  20. ^ Is HTML5 Replacing Flash?. Lyquix.com. [2014-01-08]. 
  21. ^ Open Web Platform Milestone Achieved with HTML5 Recommendation. W3C. 2014-04-28 [2014-10-29]. 
  22. ^ Plan 2014. World Wide Web Consortium. [23 September 2012]. 
  23. ^ Editor’s Draft. World Wide Web Consortium. [6 September 2017]. 
  24. ^ Introduction to HTML5 video
  25. ^ IBM Developer Works New elements in HTML5: Structure and semantics
  26. ^ ICAMD.org Finalcut Silverlight Films that Videographers share Quicktime in a Flash : Video on the Web using HTML5 and other Codecs
  27. ^ 11 Obsolete features — HTML5. W3C. [2014-03-11]. 
  28. ^ HTML5 DTD: "HTML5 is not SGML-based, and there will be no official DTD for it."
  29. ^ HTML 5 Reference: "Although it is inspired by its SGML origins, in practice, it really only shares minor syntactic similarities." "As HTML5 is no longer formally based upon SGML, the DOCTYPE no longer serves this purpose, and thus no longer needs to refer to a DTD."
  30. ^ Shannon Suetos. HTML5: Worth the Hype?. instantshift.com. 26 April 2010 [2012-10-21]. 
  31. ^ Web Forms 2.0. 2009-01-05 [2014-02-11].  obsolescence notice
  32. ^ HTML. whatwg.org. 
  33. ^ Sergey Mavrody "Sergey's HTML5 & CSS3 Quick Reference. 2nd Edition". Belisso Corp., 2012. ISBN 978-0-9833867-2-8
  34. ^ "HTML5 Differences from HTML4 – APIs". World Wide Web Consortium.
  35. ^ "Get Started with HTML5 Canvas". Syntaxxx.
  36. ^ HTML. whatwg.org. 
  37. ^ "Offline Web Applications". World Wide Web Consortium.
  38. ^ HTML. whatwg.org. 
  39. ^ HTML. whatwg.org. 
  40. ^ HTML elements, HTML5. w3.org. (原始內容存檔於2014-12-21). 
  41. ^ HTML. whatwg.org. 
  42. ^ HTML. whatwg.org. 
  43. ^ HTML. whatwg.org. 
  44. ^ "HTML5 Web Messaging". World Wide Web Consortium.
  45. ^ "Web Storage Specification". World Wide Web Consortium.
  46. ^ href. 1 Introduction — HTML Standard. Whatwg.org. [2014-01-08]. 
  47. ^ "Web SQL Database". World Wide Web Consortium.
  48. ^ "Indexed Database". World Wide Web Consortium.
  49. ^ File API. W3.org. [2014-01-08]. 
  50. ^ "File API". World Wide Web Consortium.
  51. ^ "Filesystem API". World Wide Web Consortium.
  52. ^ "File API: Writer". World Wide Web Consortium.
  53. ^ Web Audio API. Dvcs.w3.org. [2014-01-08]. 
  54. ^ MDN. element.classList. 
  55. ^ Web Cryptography Candidate Recommendation: https://www.w3.org/TR/WebCryptoAPI/
  56. ^ WebRTC Working Draft: https://www.w3.org/TR/webrtc/
  57. ^ FAQ – WHATWG Wiki. WHATWG. [2011-08-26]. 
  58. ^ Percentage of Web sites Using HTML5. binvisions. [21 October 2011]. 
  59. ^ "HTML5 Popularity Among Fortune 500 Companies". INCORE. Retrieved 5 March 2013.
  60. ^ HTML5 Test官方測試資料

外部連結[編輯]