什麼是HTML5

1. 什麼是HTML5

HTML 5草案的前身名為Web Applications 1.0,是在2004年由WHATWG提出,再於2007年獲W3C接納,並成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案發布。 WHATWG表示該規範是目前仍在進行的工作,仍須多年的努力。目前Firefox、Google Chrome、Opera、Safari(版本4以上)、Internet Explorer 9已支援HTML5技術。

HTML5本質並沒有對先前HTML4版本的規範進行徹底的變革,而是一開始設計就考慮了跟之前的標準進行兼容,並且把最新的WEB開發的一些新技術新的規範引入進了新版的標準。

2. HTML5新功能

2.1 新增擁有具體意義的標籤

現在所有的網站基本上都是div+css佈局,幾乎所有的文章標題、內容、輔助介紹等都用div容器來承載。搜尋引擎在抓取頁面內容時,因為沒有明確的容器的含義只能去猜測這些標籤容器承載的是文章標題還是文章內容等。 HTML5新標準中直接加入了擁有具體意義的HTML標籤例如:<article>、<footer>、<header>、<nav>、<section>

#2.2 新增更加智慧的表單類型

之前的表單標籤只是簡單的類型的約束,例如文字方塊、文字網域、下拉清單等。而跟業務結合緊密的表單標籤資料校驗等控制都沒有很好的支持,基本上都是跟第三方的JS控制項進行結合使用,但是這些第三方總是會涉及到版本控制、瀏覽器相容性、非標準等一系列的問題。而在HTML5的標準中直接加入了智慧表單,讓這一切都變得那麼的簡單,例如 calendar、date、time、email、url、search

2.3 讓Web程式更加的獨立,減少了對第三方外掛程式的依賴。

在HTML5標準中原生的就支援音訊、視訊、畫布等技術。讓WEB程式更加獨立,更好的適應多種形式的客戶端。

2.4 對本地離線儲存的更好的支援

HTML5 提供了兩種在客戶端儲存資料的新方法:

localStorage -沒有時間限制的資料儲存

##sessionStorage - 針對一個session 的資料儲存

2.5 HTML5即時二維繪圖,既畫布的引入

#HTML5 的canvas元素使用JavaScript 在網頁上繪製圖片。並擁有多種繪製路徑、矩形、圓形、字元以及添加圖像的方法。

2.6 JS支援多執行緒

#在不影響UI update及瀏覽器與使用者互動的情況下, 前端做大規模運算,只能透過 setTimeout 之類的去模擬多執行緒。而新的標準中,JS新增的HTML5 Web Worker物件原生的就支援多執行緒。

2.7 WebSockets讓跨域請求、長連接、資料推送變得簡單

WebSockets是在一個(TCP)介面進行雙向通信的技術,PUSH技術類型。 WebSocket是html5規範新引入的功能,用於解決瀏覽器與後台伺服器雙向通訊的問題,使用WebSocket技術,後台可以隨時向前端推送訊息,以確保前後台狀態統一,在傳統的無狀態HTTP協定中,這是「無法做到」的。

2.8 更好的例外處理

#HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。 HTML5在設計時確保舊的瀏覽器能夠安全地忽略掉新的HTML5程式碼。與HTML4.01相比,HTML5給出了解析的完整規則,讓不同的瀏覽器即使在發生語法錯誤時也能傳回完全相同的結果。

2.9 檔案API讓檔案上傳和操縱檔案變得那麼簡單

#由於專案中經常遇到用Web應用程式中控制操作本機文件,而之前都是使用一些富客戶端技術例如flash,ActiveX,Silverlight等技術。在HTML5的新的提供的 HTML5 File API 讓JS可以輕鬆上陣了。

在後續將帶領大家更深入了解HTML5

繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!