国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

HTML5令人期待的5項功能

2024-09-05 07:18:50
字體:
來源:轉載
供稿:網友

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


  一點歷史背景

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


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

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



    HTML 5 將如下表現:



    這樣,瀏覽器就知道一個網頁的各個部分各代表什么,比如 <nav> 部分是導航,而 <article> 部分是主要內容 。除了更漂亮的 代碼與語義標簽,這種改變還帶來更多好處,比如,搜索引擎可以更準確地知道一個網頁的哪部分內容更重要。


  2. 改進的 Web 表單處理

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


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



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



    而 HTML5 中的  required 與 email


    屬性可以直接實現驗證,如下:



  3. 為 Web 開發提供 API

    HTML 5 將提供多個 API,如音頻和 視頻標簽可以讓開發者不借助第三方工具直接播放 Web 視頻和音頻:



    Opera 在者方面有不少研究并有視頻播放 demo 推出


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

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



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


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

    HTML 5 將支持用戶的交互,contenteditable


    屬性允許你設定網頁的哪一部分可以編輯,在基于 Wiki 的 站點,這非常實用。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 全椒县| 洪雅县| 沧州市| 桃江县| 嵊泗县| 绍兴县| 武乡县| 绵阳市| 日土县| 嘉义市| 新巴尔虎左旗| 三都| 临海市| 福建省| 嘉定区| 青河县| 五河县| 凤城市| 永宁县| 玉龙| 伊宁市| 大悟县| 汉沽区| 湘潭市| 平陆县| 桂林市| 常山县| 綦江县| 平湖市| 夏河县| 福州市| 安顺市| 宁武县| 平阳县| 菏泽市| 辰溪县| 伊宁县| 大埔县| 芦溪县| 海兴县| 镇平县|