---

※ 本文轉錄自 FW 看板

---

---

                HTML 5 令人期待的五大功能

                                                        來源：comsharp
                                                        作者：LENNYASH
                                                        時間：2009-01-16


     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>部分是主要內容。

     除了更漂亮的代碼與語義標籤，這種改變還帶來更多好處，比如，搜索引擎
     可以更準確地知道一個網頁的哪部分內容更重要。

     關於HTML 5新標籤，IBM有詳細的論述。



     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. 用戶可以編輯網頁的部分內容並實現同網頁的交互

     HTML5將支持用戶的交互，contenteditable屬性允許你設定網頁的哪一部分
     可以編輯，在基於Wiki的站點，這非常實用。




     延伸閱讀

     You can read the latest working draft of HTML 5 specifications on
     the W3C website （HTML 5最新工作草案）.

     Learn about the major differences between HTML 4 and HTML 5 on the
     W3C website（HTML4/5的主要區別）.

     IBM developerWorks has an excellent in-depth article on new
     elements in HTML 5.（IBM有一篇關於HTML 5 的深度研究文章）



http://www.2ky.cn/h/13/HTML5_5function.html

--
※ 發信站: 批踢踢兔(ptt2.cc)
◆ From: 118.166.3.117
※ konois:轉錄至看板 konois                                        03/09 17:50
※ neokao227:轉錄至看板 chikara                                    03/09 17:54
※ lecheck:轉錄至看板 Whatla                                       03/09 18:00
※ chhayu:轉錄至某隱形看板                                         03/09 18:28
※ lethal:轉錄至某隱形看板                                         03/09 20:14
※ shauk:轉錄至某隱形看板                                          03/09 22:04
※ Voteka:轉錄至看板 Bright-L                                      03/09 22:09
※ chomkins:轉錄至看板 XDOrz                                       03/09 22:52
※ enbo:轉錄至某隱形看板                                           03/10 14:49

--
※ 來源: DISP BBS (http://disp.cc)
※ 作者: Ann  來自: 123.110.6.229  時間: 2010-04-07 23:45:55