您現在的位置是:電腦技術吧?>? 基礎知識 ??>??令人期待的,非常期待??>??正文詳情

令人期待的,非常期待

谷梁同和2019-11-04 22:51:11 人圍觀
簡介期待夏天的說說HTML5是超文本標記語言的下一個重要版本。自1999年html 4.01發布以來,html的開發一直處于停滯狀態。從1999年開始,正是網絡飛速發展的時候。當期待英

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 開發提供 APIHTML 5 將提供多個 API,如音頻和 視頻標簽可以讓開發者不借助第三方工具直接播放 Web 視頻和音頻:

Opera 在者方面有不少研究并有視頻播放 demo 推出4. canvas標簽將允許直接在上面用腳本繪圖人更容易從圖片獲得信息,如,下面的信息通過表格和圓餅圖兩種方式顯示,效果明顯不一樣:

然而以往要實現這種效果,只能使用靜態圖片,無法對圖片進行調整。

使用 canvas 標簽,你可以實時修改參數對圖形進行修改,比如,根據用戶的投票,實時生成圓餅圖。

5. 用戶可以編輯網頁的部分內容并實現同網頁的交互HTML 5 將支持用戶的交互,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 的 深度 研究文章) Read about the people in charge of developing HTML 5 specifications on the W3C HTML Working Group website.(W3C HTML 工作組成員) Find out what you can do to help HTML 5 development on the WHATWG wiki website.(如何為 HTML 5 提供幫助)本文國際來源:http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php中文翻譯來源:COMSHARP CMS 官方網站

版權聲明:本文由 谷梁同和 整理編輯。

原標題:期待,令人期待的 英語

轉載注明出處:http://www.dn9ww09s.icu/basics/10982.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 孺教網平板電腦能用嗎,孺教網平板電腦能買嗎

    孺教網平板電腦能用嗎,孺教網平板電腦能買嗎 相關圖片聯想平板電腦可以打電話伙計們,你們在用平板電腦嗎我還沒有擁有自己的平板電腦,但我還是對它有所了解。接下來,我將告訴你一些關于平板電腦是否可以打電話的事情平板電腦是...

  • 如何配色,配色app

    如何配色,配色app 相關圖片拾色器配色如何使網頁顏色匹配初學者誰是完全基本的?今天@?16個瘋狂的夜晚?本文從網頁的基本顏色、重音顏色、深色到整個配色方案的應用,都有詳細的過程和教學。幾乎每一步...

  • 突然黑屏自動關機電腦,電腦黑屏然后自動關機

    突然黑屏自動關機電腦,電腦黑屏然后自動關機 相關圖片電腦黑屏怎么關機許多網友反映,他們的筆記本電腦在玩游戲時總是自動關機。他們不知道怎么處理。如果他們不玩游戲,就不會自動關機。看電影沒關系當他們玩游戲的時候就會這樣...

  • 電腦bios,各種電腦bios圖解中文

    電腦bios,各種電腦bios圖解中文 相關圖片華碩電腦開機進入bios每次我進入bios,都是一種痛苦。我一點也不懂一堆英文字符。他們認識我,我不認識他們。我相信很多小朋友都有這種感覺事實上,如果我把bios設置為中文,操作...

  • 有用分享,分享

    有用分享,分享 相關圖片有用的家務分享幾年前,HTML5的前景還很模糊,只有少數互聯網極客關心。現在,隨著現代主流瀏覽器對HTML5的不斷支持和改進,越來越多的開發人員開始使用HTML5開發各種功能分享小知...

  • 電腦看視頻一卡一卡的,電腦無視頻輸入怎么辦

    電腦看視頻一卡一卡的,電腦無視頻輸入怎么辦 相關圖片電腦看視頻卡頓不流暢我不知道在用電腦看視頻的過程中是否遇到過卡片。許多朋友可能會遇到這樣的問題。用電腦看視頻是一卡通很不愉快。視頻卡首先需要考慮寬帶的速度和硬件的...

  • ES6特性,頻率特性常用表示方法有

    ES6特性,頻率特性常用表示方法有 相關圖片常用塑料特性一覽表HTML5必須對每個人都很熟悉,因為有太多的媒體在討論這項技術。然而,你能確切地告訴HTML5帶來了哪些新功能嗎?本文總結了html5為您帶來的15個新特性,讓頻率特性...

  • word怎么上下分頁,word文檔如何分頁

    word怎么上下分頁,word文檔如何分頁 相關圖片word文檔如何取消分頁有時,當我們使用word文檔時,當我們不知道如何對它們進行分頁時,我們應該怎么做?等等,小編我在路上。今天我將告訴你如何翻頁word文檔Word是我們在辦公軟件...

  • 發現精彩 app,廣發銀行app發現精彩

    發現精彩 app,廣發銀行app發現精彩 相關圖片發現精彩好用嗎在HTML 5還不成熟的應用中,流媒體播放等一些精彩的應用只有借助于flash等第三方軟件才能實現但現在HTML5已經超越了它。它不僅可以播放視頻和音頻,還可以廣發發現精...

  • 電腦壓縮文件怎么解壓,在電腦上怎么壓縮文件

    電腦壓縮文件怎么解壓,在電腦上怎么壓縮文件 相關圖片電腦壓縮文件步驟壓縮文件可以有效地減少文件容量,壓縮文件可以使存儲空間更大,提高磁盤空間的利用率,便于發送而且界面特別漂亮,使用非常方便,很受網友歡迎。那么如何解...

熱評文章

  • 電腦上為什么打不出字,電腦打不出字

    電腦上為什么打不出字,電腦打不出字 相關圖片電腦有輸入法但是打不出字我們每臺電腦上都有一些單詞庫。這個是電腦自帶的當然,只有這幾種。如果我們需要更多的字體樣式,我們需要在網上下載,但當我們在電腦上打字時,有...

  • 電腦開機斷電,電腦開機一會就斷電

    電腦開機斷電,電腦開機一會就斷電 相關圖片電腦開機2秒自動斷電在電腦的日常使用中,一旦電腦開機后自動關機失敗,一旦電腦開機關機,讓我們習慣從軟件開始的學生沒有辦法啟動,該怎么辦?現在,小編為大家帶來了電腦開...

  • ie瀏覽器假死,瀏覽器卡死

    ie瀏覽器假死,瀏覽器卡死 相關圖片瀏覽器看視頻卡死瀏覽器中至少有三個線程:JS引擎線程(處理JS)、GUI呈現線程(呈現頁面)、瀏覽器事件觸發線程(控制交互)javascript引擎是基于事件驅動的單線程執行,瀏覽器死了...

  • ctrl鍵失靈怎么辦,兩個ctrl鍵同時失靈

    ctrl鍵失靈怎么辦,兩個ctrl鍵同時失靈 相關圖片ctrl鍵作為鍵盤的控制鍵,ctrl鍵的功能非常大,一旦ctrl鍵失效,會給我們的電腦操作帶來很多不便。所以今天,小編要告訴你當ctrl鍵失敗時該怎么做。我們都知道ctrctrl鍵沒有反應...

  • 背景音樂,添加背景音樂

    背景音樂,添加背景音樂 相關圖片PPT如何設置背景音樂當制作個人網站時,許多人喜歡在網頁中插入他們最喜歡的背景音樂。今天的編輯器將向您展示如何使用Dreamweaver插入背景音樂實際上,打開需要插入背景音樂的頁面...

  • 為什么shift鍵失靈,兩個shift鍵同時失靈

    為什么shift鍵失靈,兩個shift鍵同時失靈 相關圖片電腦shift鍵失靈我們通常什么時候用換檔鍵?事實上,很多地方都需要使用。例如,當我們想輸入一些符號時,我們需要使用“shift鍵 數字鍵”因此,當換檔鍵失效時,它將對我們的計算...

  • 鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡

    鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡 相關圖片手機軟件提示請檢查網絡設置當我們建立一個網站,通常有許多網頁下的網站,可能有數百個甚至更多的超鏈接在網頁上。我們如何檢查出有問題的鏈接?今天的編輯將介紹如何在Drea...

  • 筆記本電腦cpu溫度過高怎么辦,臺式電腦cpu溫度多少算正常

    筆記本電腦cpu溫度過高怎么辦,臺式電腦cpu溫度多少算正常 相關圖片夏天筆記本cpu溫度多少正常當小編的電腦在玩游戲時,CPU的溫度很高,小編不敢玩太久。后來,因為好奇,小編上網了解CPU。知道CPU的溫度是正常的。所以今天的編輯筆記本cpu90度正常嗎...

  • html做網頁,如何用html制作網頁

    html做網頁,如何用html制作網頁 相關圖片html網頁制作的基本步驟內容  1. HTML 5有什么不同?2. 最終,一個任何人都可以記住的文檔類型3. 最基本的語義結構1. header2. nav3. section1. ahtml網頁制作步驟...

  • 刻錄光盤,哪有刻錄光盤的

    刻錄光盤,哪有刻錄光盤的 相關圖片光盤刻制小編前段時間在看私信的時候,看到有小伙伴留的問題是怎么刻錄光盤。在收到私信之后小編就試著操作了一下,發現難度不大,所以接下來小編就來告訴你們怎么刻錄光盤。...

關注微信

变脸官网查询