HTML 5是HTML的新版本
HTML 5為HTML規範添加了許多新功能。 而更好的是,這些新功能已經有了一些有限的瀏覽器支持。 如果您有興趣的功能,請查看WHATWG Wiki實施頁面,以獲取有關支持規範各個部分的瀏覽器的信息。
HTML 5新的文檔類型和字符集
關於HTML 5的好處在於它是多麼容易推動。 您使用HTML 5文檔類型,它非常簡單並且簡化:
對,就是那樣。 只是兩個字“doctype”和“html”。 它可以是這樣簡單的,因為HTML 5不再是SGML的一部分,而是一種標記語言 。
HTML 5的字符集也被簡化了。 它使用UTF-8,並且只使用一個元標記來定義它:
HTML 5新結構
HTML 5認識到網頁具有結構,就像書有結構或其他XML文檔一樣 。 通常,網頁包含導航,正文內容和側欄內容以及頁眉,頁腳和其他功能。 而HTML 5已經創建了標籤來支持頁面的這些元素。
- - 定義頁面的部分
- - 定義頁面的標題
- - 定義頁面的頁腳
- - 定義頁面上的導航
- - 定義頁面上的文章或主要內容
- - 定義額外的內容,如頁面上的側邊欄
- - 定義註釋文章的圖像
HTML 5新的內聯元素
這些內聯元素定義了一些基本概念,並使它們在語義上標記出來,主要是與時間有關:
- - 指示以某種方式標記的內容
- - 指出是時間或日期的內容
- - 指示只是已知範圍的一小部分的內容 - 例如磁盤使用情況
- - 表明完成任務的進度
HTML 5新的動態頁面支持
開發HTML 5是為了幫助Web應用程序開發人員,因此有許多新功能可以輕鬆創建動態HTML頁面:
- 上下文菜單 - HTML 5將支持在網頁和應用程序中創建和使用上下文菜單
- 標籤上不需要href - 這允許您在腳本和Web應用程序中使用a標籤,而無需發送該錨點的位置
- 異步屬性 - 將其添加到腳本標記中,以通知瀏覽器該腳本應該異步加載,以便它不會減慢加載和顯示頁面的其餘部分。
- - 提供有關元素的詳細信息。 這就像非Web應用程序中的工具提示。
- - 創建一個從數據庫或其他動態源構建的表
- - 一個舊標籤帶回來並賦予新生活,讓您在網頁上創建菜單系統
- - 定義了動態元素激活時應該發生的動作
HTML 5新的表單類型
HTML 5支持所有的標準表單輸入類型,但是它增加了一些:
- 約會時間
- 日期時間本地
- 日期
- 月
- 週
- 時間
- 數
- 範圍
- 電子郵件
- 網址
HTML 5新元素
HTML 5中有一些令人興奮的新元素:
- - 在您的Web頁面上為您提供JavaScript繪圖空間的元素。 它可以讓您將圖像或圖形添加到工具提示中,或者只是在您的網頁上創建動態圖形,即時創建。
- - 使用這個簡單的標籤將視頻添加到您的網頁。
- - 用這個簡單的標籤為您的網頁添加聲音。
HTML 5刪除了一些元素
HTML 4中也有一些元素不再被HTML 5支持。大多數元素已經被棄用,所以不應該讓人驚訝,但有一些可能很難:
- 縮寫
- 小程序
- BASEFONT
- 大
- 中央
- DIR
- 字形
- 幀
- 框架
- ISINDEX
- 無框架
- NOSCRIPT
- 小號
- 罷工
- TT
- ü
你準備好了HTML 5嗎?
HTML 5為網頁和網頁設計增添了許多優秀的新功能,當更多的瀏覽器支持時,它將會令人興奮。 微軟表示,他們將開始在IE 8中支持至少HTML 5的部分內容。如果你想盡快開始,Opera已經得到了最好的支持,Safari緊隨其後。