HTML基本思維概念形成于2003年,之后W3C對頁面超文本應用技術工作小組(WHATWG)開發的HTML草圖頗感興趣,這個小組的開發人員均來自Apple ,Mozilla,和Opera。2007年W3C工作小組正式成立,主要進行HTML 5規格進行開發。
HTML 5旨在改進HTML的協同工作能力,增加了急需的頁面內容描述。它還增加了HTML 4對頁面程序所缺乏的特性。在本文中,讓我們來看看HTML 5將會為我們帶來什么激動人心的新特性。
1.新的html' target='_blank'>HTML元素,增強描述內容的能力
HTML的主任務是描述頁面的架構,例如在<p></p>元素之間的文本內容,HTML將告訴瀏覽器這些文本是一個段落。

在HTML 5中將增加更多的HTML組件,給網頁開發者提供更好的,更精確的方式來描述數據對象。請看以下的對比情況:

該布局的問題是,對于瀏覽器來說,所有的一切都是一個<div>元素。瀏覽器將平等對待<div>元素里面的內容,因為他無法進行區分,包括“級別”和“標識”,比如content, sidebar,和footer不同的網站內容各不相同。
在HTML5中,可以通過以下的方式進行同一個例子的布局:

這樣瀏覽器就能區分各個部分,頁面的主要內容在<article>元素中,導航欄在<nav>元素中等等。除了更清晰 和更符合語意的標記,它還增強了標記的互用性,比如搜索引擎能更精確的確定頁面上什么內容比較重要,它可以忽略掉<nav>元素 和<footer>里的內容,因為他們通常不包含頁面的重要內容,提高了搜索引擎的效率。
另外對于頁面開發者來說,他們能更簡單統計頁面的數據,比如統計視頻數量時只需在<video>元素里統計就行。對于手持設備等主要進行文章瀏覽時,可以直接定位到<article>元素中的內容。
2.改進頁面表格操作
當今的網頁基本上都離不開表格,在HTML 5中將包含一個達改進叫Web Forms 2.0, 用來描繪如何進行頁面表格操作。其中最打的特點就是“表格確認”。當前,開發者通常使用JavaScript(客戶端)和PHP(服務端)代碼來確認輸入 的內容。比如,一些頁面的表格中的必填內容:

在HTML 4中,以上類型表格的標記一般類似于下面的形式:

在這個例子中,你得使用腳本來確認用戶遞交的內容,開發者必須得寫出自己的確認代碼,來確認用戶并沒有留下空白表格。

而在HTML 5中無需使用確認腳本,它將提供額外的元素屬性,比如required和email 屬性,能自動檢查用戶名和Email欄不是空白的,而且Email地址格式是有效的。
3.新的API讓頁面程序開發更簡單
HTML 5中將為新元素和現有的元素提供更多的API,旨在改進頁面程序開發和增加HTML 4所缺乏的特性。比如,一個視頻和音頻方面的API將與<audio>和<video>元素一起使用,它將提供視頻和音頻回放能 力,而無需依賴第三方程序,比如
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答