久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML 5 5項新功能

HTML 5 是超文本置標語言下一個重要版本,HTML 自1999年發布 HTML 4.01 以來,其開發一直處于停頓狀態,而1999年至今正好是 Web 飛速發展的時間,現在的 HTML 版本已經無法適應現在的 Web 內容

HTML 5 是超文本置標語言下一個重要版本,HTML 自1999年發布 HTML 4.01 以來,其開發一直處于停頓狀態,而1999年至今正好是 Web 飛速發展的時間,現在的 HTML 版本已經無法適應現在的 Web 內容與應用。HTML 5 旨在提高 HTML 的交互行,支持當前多樣的,復雜的 Web 內容。同時,它也會解決 HTML 4 Web 應用功能上的欠缺。

 

一點歷史背景

HTML 5 的討論開始于2003年,當時,html5code.net' title='html5模板網'>W3C 對由 html5code.net' title='html5模板網'>Web Hypertext Application Technology Working Group (WHATWG) 開發的 HTML 5 草案表示出興趣,WHATWG 創始于2004年,由蘋果,Mozilla 基金會,以及 Opera 公司的 代表組成。此后,html5code.net' title='html5模板網'>W3C HTML Working Group 于2007年成立并著手開發 HTML 5。目前,開發工作仍在進行中,并將于2012年向 W3C 提交初步意見,不過現在已經有不少瀏覽器部分支持 HTML 5。本文介紹 HTML 5 的5大令人激動的新功能。


 

1. 一些幫助我們描述內容的新標簽

Web 內容的多樣性讓 HTML4 力不從心,在描述一個網頁時,HTML4 如下 表現:

\

 

HTML 5 將如下表現:

\

 

這樣,瀏覽器就知道一個網頁的各個部分各代表什么,比如 <nav> 部分是導航,而 <article> 部分是主要內容 。除了更漂亮的 代碼與語義標簽,這種改變還帶來更多好處,比如,搜索引擎可以更準確地知道一個網頁的哪部分內容更重要。關于 HTML 5 新標簽,html5code.net' title='html5模板網'>IBM有詳細的論述。

2. 改進的 Web 表單處理

HTML 5 推出 html5code.net' title='html5模板網'>Web Forms 2.0,為開發提供許多新選項和新功能,以更簡單更有效地處理表單的輸入與發布。Web Form 2.0 最令人興奮的功能是輸入驗證。目前,我們需要通過 JavaScript 或服務器端的邏輯,實現同樣的功能。

比如有下面這樣一個表單:

\

在 HTML4 我們需要這樣寫代碼,然后使用 JavaScript 或服務器端的腳本進行驗證:

\

 

html5 中的  html5code.net' title='html5模板網'>required html5code.net' title='html5模板網'>email 屬性可以直接實現驗證,如下:

\

3. 為 Web 開發提供 API

HTML 5 將提供多個 html5code.net' title='html5模板網'>API,如音頻和 視頻標簽可以讓開發者不借助第三方工具直接播放 Web 視頻和音頻:

\

html5code.net' title='html5模板網'>Opera 在者方面有不少研究并有html5code.net' title='html5模板網'>視頻播放 demo 推出

 

4. <canvas>標簽將允許直接在上面用腳本繪圖

人更容易從圖片獲得信息,如,下面的信息通過表格和圓餅圖兩種方式顯示,效果明顯不一樣:

\

然而以往要實現這種效果,只能使用靜態圖片,無法對圖片進行調整。使用 html5code.net' title='html5模板網'><canvas> 標簽,你可以實時修改參數對圖形進行修改,比如,根據用戶的投票,實時生成圓餅圖。

5. 用戶可以編輯網頁的部分內容并實現同網頁的交互

 

HTML 5 將支持用戶的html5code.net' title='html5模板網'>交互,contenteditable屬性允許你設定網頁的哪一部分可以編輯,在基于 Wiki 的 站點,這非常實用。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例,本文使用canvas來實現一個圖表,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多,涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程,非常不錯,需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了關于h5中的fetch方法解讀(小結),fetch身為H5中的一個新對象,他的誕生,是為了取代ajax的存在而出現,有興趣的可以了解一下
這篇文章主要介紹了html5實現移動端適配完美寫法,需要的朋友可以參考下
主站蜘蛛池模板: 91久久久www播放日本观看 | 亚洲视频免费一区 | 一区二区亚洲 | 精品在线视频播放 | 日韩免费一区二区 | 久久久久欧美 | 国久久| 丝袜美腿一区 | 99精品免费久久久久久久久日本 | 一区二区三区亚洲 | 国产精品一区二区三区久久久 | 亚洲国产精品人人爽夜夜爽 | 欧美jizzhd精品欧美巨大免费 | 亚洲欧美日韩在线 | 亚洲视频在线播放 | 黑人成人网 | 激情小说综合网 | 一区二区三区视频在线观看 | 国产成人精品网站 | 在线免费视频一区 | 亚洲欧美在线视频 | 免费精品 | 久久精品久久精品 | 国产区在线观看 | 久久精品综合 | 久久青青 | 1级毛片| 色噜噜色综合 | 国产精品一二三区 | 欧美日韩亚洲一区 | 精品一区二区三区在线观看 | 欧洲妇女成人淫片aaa视频 | 国产伦精品一区二区三区视频金莲 | 亚洲国产视频一区二区 | 97福利在线 | 中文字幕二区 | 黑人巨大精品欧美一区二区免费 | 国产免费va | 色综合久久天天综合网 | 国产精品一区二区在线 | 免费一区 |