- 相關(guān)推薦
HTML5新特性介紹
HTML基本思維概念形成于2003年，之后W3C對頁面超文本應用技術(shù)工作小組(WHATWG)開發(fā)的HTML草圖頗感興趣，這個小組的開發(fā)人員均來自Apple ，Mozilla，和Opera。2007年W3C工作小組正式成立，主要進行HTML 5規(guī)格進行開發(fā)。
HTML 5旨在改進HTML的協(xié)同工作能力，增加了急需的頁面內(nèi)容描述。它還增加了HTML 4對頁面程序所缺乏的特性。在本文中，讓我們來看看HTML 5將會為我們帶來什么激動人心的新特性。
1.新的HTML元素，增強描述內(nèi)容的能力
HTML的主任務(wù)是描述頁面的架構(gòu)，例如在
元素之間的文本內(nèi)容，HTML將告訴瀏覽器這些文本是一個段落。
在HTML 5中將增加更多的HTML組件，給網(wǎng)頁開發(fā)者提供更好的，更精確的方式來描述數(shù)據(jù)對象。請看以下的對比情況：
該布局的問題是，對于瀏覽器來說，所有的一切都是一個元素。瀏覽器將平等對待元素里面的內(nèi)容，因為他無法進行區(qū)分，包括“級別”和“標識”，比如content, sidebar,和footer不同的網(wǎng)站內(nèi)容各不相同。
在HTML5中，可以通過以下的方式進行同一個例子的布局：
這樣瀏覽器就能區(qū)分各個部分，頁面的主要內(nèi)容在元素中，導航欄在元素中等等。除了更清晰 和更符合語意的標記，它還增強了標記的互用性，比如搜索引擎能更精確的確定頁面上什么內(nèi)容比較重要，它可以忽略掉元素 和里的內(nèi)容，因為他們通常不包含頁面的重要內(nèi)容，提高了搜索引擎的效率。
另外對于頁面開發(fā)者來說，他們能更簡單統(tǒng)計頁面的數(shù)據(jù)，比如統(tǒng)計視頻數(shù)量時只需在元素里統(tǒng)計就行。對于手持設(shè)備等主要進行文章瀏覽時，可以直接定位到元素中的內(nèi)容。
2.改進頁面表格操作
當今的網(wǎng)頁基本上都離不開表格，在HTML 5中將包含一個達改進叫Web Forms 2.0, 用來描繪如何進行頁面表格操作。其中最打的特點就是“表格確認”。當前，開發(fā)者通常使用JavaScript(客戶端)和PHP(服務(wù)端)代碼來確認輸入 的內(nèi)容。比如，一些頁面的表格中的必填內(nèi)容：
在HTML 4中，以上類型表格的標記一般類似于下面的形式：
在這個例子中，你得使用腳本來確認用戶遞交的內(nèi)容，開發(fā)者必須得寫出自己的確認代碼，來確認用戶并沒有留下空白表格。
而在HTML 5中無需使用確認腳本，它將提供額外的元素屬性，比如required和email 屬性，能自動檢查用戶名和Email欄不是空白的，而且Email地址格式是有效的。
3.新的API讓頁面程序開發(fā)更簡單
HTML 5中將為新元素和現(xiàn)有的元素提供更多的API，旨在改進頁面程序開發(fā)和增加HTML 4所缺乏的特性。比如，一個視頻和音頻方面的API將與和元素一起使用，它將提供視頻和音頻回放能 力，而無需依賴第三方程序，比如Flash。
4.元素可以使圖像腳本更靈活
如下圖，通常我們發(fā)布的圖表都是通過使用圖片編輯器來完成，一旦數(shù)據(jù)有了改變，你只能再次處理新的圖片。在元素的協(xié)助下，一旦數(shù)據(jù)有所改變，你可以通過各種腳本來修改餅狀統(tǒng)計圖(和其他圖表)的數(shù)據(jù)。
5.用戶可以編輯網(wǎng)頁的部分內(nèi)容
HTML 5中的User Interaction 用來描述頁面內(nèi)容交互工作的新方式。它的contenteditable 屬性可以讓開發(fā)者決定，頁面哪部分內(nèi)容允許進行用戶更改，這對于wiki類的網(wǎng)站更為有用。
【HTML5新特性介紹】相關(guān)文章：
Java9的新特性02-12
HTML5中Canvas的事件處理介紹06-26
JDK6.0的新特性:輕量級Http Server04-11
詳解JAVA8的10大新特性07-09
PHP7的五大新特性有哪些08-11
HTML5是什么07-21
Win10系統(tǒng)預覽版有什么新特性201701-25
html5的canvas方法使用01-19