這篇文章主要介紹了HTML5的基本特性和語法,是HTML5入門學習中的基礎知識,需要的朋友可以參考下HTML5 概述
HTML5 是HTML 標準的下一個重要版本,用來替代HTML 4.01,XHTML 1.0 以及XHTML 1.1。 HTML5 也是一種在萬維網上構建和呈現內容的標準。
HTML5 是萬維網聯盟(W3C)和網頁超文本技術工作小組(WHATWG)合作的產物。
這一新標準中加入了視頻播放和拖放等特性,過去這都依賴於第三方瀏覽器插件,比如Adobe Flash,Microsoft Silverlight 以及Google Gears。
瀏覽器支持最新版Apple Safari,Mozilla FireFox 和Opera 支持大部分HTML5 特性,IE9 也支持一些HTML5 的功能。
預裝在iPhones,iPads 和Android 手機上的手機瀏覽器都對HTML5 有良好的支持。
新特性HTML5 引入了許多新元素和屬性幫助我們構建現代化的網站。下面是HTML5 引入的主要特性:
新的語義化元素: 比如<header>,<footer> 和<section>。
表單2.0: 改進了HTML Web 表單,為<input> 標籤引入了一些新的屬性。
持久的本地存儲: 為了不通過第三方插件實現。
WebSocket: 用於Web 應用程序的下一代雙向通信技術。
服務器推送事件: HTML5 引入了從Web 服務器到Web 瀏覽器的事件,也被稱作服務器推送事件(SSE)。
Canvas: 支持用JavaScript 以編程的方式進行二維繪圖。
音頻和視頻: 在網頁中嵌入音頻或視頻而無需借助第三方插件。
地理定位: 用戶可以選擇與我們的網頁共享他們的地理位置。
微數據: 允許我們創建HTML5 之外的自定義詞彙表,以及使用自定義語義擴展網頁。
拖放: 把同一網頁上的條目從一個位置拖放到另一個位置。
向後兼容HTML5 被設計為盡可能的對現有瀏覽器向後兼容。新特性都是建立在現有特性的基礎上,並且允許我們為舊瀏覽器提供備用內容。
建議使用少量的JavaScript 代碼檢測單個HTML5 特性的支持度。
HTML5 語法HTML5 有自己的HTML 語法,它與已經發佈在網絡上的HTML 4 以及XHTML1 文檔兼容,但是不兼HTML 4 中更複雜的SGML 特性。
HTML5 並沒有XHTML 中需要小寫標籤名,屬性要帶引號,屬性必須有一個值以及必須閉合所有空元素的語法規則。
但是HTML5 更具靈活性,支持下列形式:
標籤名大寫。
屬性的雙引號可選。
屬性值可選。
閉合空元素可選。
DOCTYPE
在老版本的HTML 中,DOCTYPE 很長,因為HTML 語言是基於SGML 的,需要引用一個DTD。
HTML5 作者可以使用簡單的語法來指定如下形式的DOCTYPE:
XML/HTML Code複製內容到剪貼板