自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

HTML 5:實至名歸還是言過其實?

開發(fā) 前端
庶幾何時,HTML 5開始吸引越來越多的人的目光,盡管W3C表示,它的最終成熟還有很長的路,然而并不能阻止人們對它的期待。

盡管還有很長的路要走,但HTML 5已經(jīng)開始吸引越來越多的人的目光。大型社交網(wǎng)站Facebook已經(jīng)開始切換其視頻部分到HTML 5、Google文檔的離線模式被HTML 5所取代、Youtube宣布開放HTML 5視頻功能......這些變化,使我們能夠感覺到HTML 5正在潛移默化的進行著對互聯(lián)網(wǎng)的革命。

2007年,HTML 5向W3C標準進軍,HTML 5的使命是實現(xiàn)富Web應用的本地化,脫離瀏覽器插件的羈絆。W3C于2008年1月推出HTML 5的第一份草案,而HTML 5標準的全部實現(xiàn)也許要到2022年以后。

什么是HTML 5

HTML 5是繼HTML 4.01,XHTML 1.0和DOM2 HTML后的又一個重要版本,旨在消除富Internet程序(RIA)對Flash,Silverlight,JavaFX一類瀏覽器插件的依賴。

HTML 5概要

HTML 5

HTML 5帶來很多新功能,以及HTML代碼上的改變,你需要使用一些特定的API腳本,如:

◆DOM
◆實現(xiàn)2D繪圖的Canvas對象
◆可控媒體播放
◆離線存儲
◆文檔編輯
◆拖放
◆跨文檔消息
◆瀏覽器歷史管理
◆MIME類型和協(xié)議注冊

那些支持HTML 5的瀏覽器在處理HTML代碼錯誤的時候必須更靈活,而那些不支持HTML 5的瀏覽器將忽略HTML 5代碼。

HTML語法的變化

HTML語法

HTML 5引入了新的HTML元素和屬性,有的是傳統(tǒng)通用元素的語義化版本,如取代div元素的nav,footer等元素,也有一些全新的元素,如audio,video。一些在HTML 4中不被推薦使用的元素,如font和center將被棄用。HTML 5引入的新HTML元素包括:

◆article:文章
◆aside:內(nèi)容旁邊的側邊欄內(nèi)容
◆audio:音頻
◆canvas:2D繪圖
◆command:命令按鈕
◆datalist:下拉選擇框
◆details:對象的細節(jié)
◆dialog:對話框
◆embed:外部插件或對象
◆figure:一組媒體對象以及標簽文字
◆footer:頁腳
◆header:頁首
◆hgroup:文檔某一部分的信息
◆keygen:表單生成的Key
◆mark:標注的文字
◆meter:預先定義的范圍內(nèi)的度量
◆nav:導航條
◆output:輸出
◆progress:進度條
◆rp:標識rubby內(nèi)容
◆rt:rubby內(nèi)容的解釋
◆ruby:rubby內(nèi)容
◆section:定義一個部分
◆source:媒體的資源
◆time:日期時間
◆video:視頻

這些新標簽,可以讓你的HTML文檔更容易加載,且更容易被搜索引擎抓取其中的有用信息。比如,搜索引擎可以直接抓取它最關心的article標簽里面的內(nèi)容。關于HTML 5語法更多內(nèi)容,請參閱:解讀HTML 5新語法 提高語義價值

HTML 5同那些流行的技術如何共存

[[10649]]

如今的Web世界已經(jīng)習慣了各種插件和API,HTML 5為Web開發(fā)與設計者帶來了方便與不便,HTML 5將如何同現(xiàn)在的這些流行技術共存?

HTML 5與Flash

這個爭論由來已久,F(xiàn)lash被某些開發(fā)設計者濫用導致一些網(wǎng)頁加載緩慢,而HTML 5為之帶來一線曙光。拿仍在襁褓中的HTML 5和已經(jīng)有10年歷史的Flash進行比較也許有失公允,但這是人人都關心的一個問題。相對Windows用戶來說,Mac用戶可能會從HTML 5獲得更多好處,因為蘋果一直不愿支持Flash。下面是Mike Chambers針對Mac和Windows平臺瀏覽器的CPU負載而做的一部分測試:

HTML 5與Flash

測試顯示,Mac平臺的Flash表現(xiàn)要差于Windows平臺,這還取決于你使用的瀏覽器?,F(xiàn)在看來,就視頻游戲而言,F(xiàn)lash是更好的選擇,但取決于你的瀏覽器,如果你的視頻不是很復雜,HTML 5是更好的選擇。Web開發(fā)與設計者從這些爭論中應該吸取的東西是,F(xiàn)lash之外還有別的選擇,但Flash有牢固的地盤,在為客戶提供開發(fā)設計的時候,需要對他們的目標客戶做一些研究。

關于HTML 5與Flash的爭論,各方也持有不同的觀點,51CTO之前也曾報導過很多這樣的文章,比如當Flash遇到HTML 5 互聯(lián)網(wǎng)視頻傾向哪方?、HTML 5來臨 Flash死亡倒計時?HTML 5代表未來 插件不會銷聲匿跡等等。

HTML 5與IE9

IE9經(jīng)常高調(diào)宣揚它對HTML 5的兼容,不過,它確實將是一個很好地支持HTML 5的瀏覽器,因為,IE9使用Windows現(xiàn)代圖形API以及PC的圖形加速卡輸出文字和圖形。在三月份的MIX展會,微軟還宣稱,IE9將支持GPU加速的HTML 5,將圖形滾動,3D圖形顯示等處理交由圖形加速卡。

HTML 5與Ajax

現(xiàn)在的HTML語言的一個問題是,它是一種輕量級的應用界面,那些喜歡使用Ajax實現(xiàn)在線應用的開發(fā)者會發(fā)現(xiàn)HTML非常不好用。Ajaxwith.com認為,HTML適合用來加載界面,JavaScript用來執(zhí)行命令,雖然HTML在作為界面語言方面并不好用,但鑒于多數(shù)開發(fā)者對它的熟悉程度,HTML還是不可缺少。一個好消息就是,HTML 5會讓Ajax應用的實現(xiàn)變得更容易。

HTML 5 with CSS

你需對你的CSS代碼就行整理以支持HTML 5,因為h1,h2之類的標簽將不再使用,為了實現(xiàn)同HTML 5的兼容,最好的方式是使用CSSreset,將那些常見的HTML標簽的CSS屬性清零,woork認為,最好的CSSReset是EricMeyersCSSreset。(相關文章推薦:揭秘HTML 5和CSS3 Web實現(xiàn)飛躍的踏板

HTML 5優(yōu)劣談

[[10650]]

HTML 5可能對移動Web帶來更多好處,原因是,現(xiàn)在的移動Web,iPhone占主導地位,而iPHone以及剛剛上市不久的iPad是不支持Flash的。HTML 5還會讓其它平臺的移動瀏覽器有更快的網(wǎng)頁加載速度。另一個好處是SEO,Google在4月9號宣布,將頁面加載速度作為搜索排名的一個因素,因此,基于HTML 5的頁面也會因加載速度更快而受益。

不過,和任何新技術的降臨一樣,其中也會牽扯到一些問題,對Web設計者而言,最大的一個問題就是因為這些新標簽的引入,各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式。在HTML 5被廣泛采用之前,我們還無法完全知道HTML 5代碼將帶來的好與壞,總體來說,對開發(fā)者而言,這將是一個巨大的變化,而對圖形設計師而言,還不明朗。

【編輯推薦】

  1. HTML 5,神化運動進行時
  2. HTML 5標準:富互聯(lián)網(wǎng)時代的產(chǎn)物
  3. HTML 5 Web Socket:下一次Web通信革命揭幕
  4. HTML 5將給開發(fā)者帶來什么?
  5. HTML 5、H.264、Flash 網(wǎng)絡視頻“三人行”

 

責任編輯:王曉東 來源: 銳商企業(yè)CMS
相關推薦

2023-03-09 08:00:00

強化學習機器學習圍棋

2018-01-17 08:28:43

SAS說法數(shù)據(jù)中心

2015-01-07 16:26:01

2012-03-07 09:52:01

Windows 8PC

2012-01-16 08:35:32

云計算大型企業(yè)

2014-07-02 09:40:37

云安全信息安全

2024-04-19 13:55:36

python小迭代遞歸

2012-05-28 09:25:23

WiFiWiFi輻射

2014-03-03 09:21:31

云安全云計算

2015-09-16 17:17:58

2019-06-26 06:00:15

安全風險安全產(chǎn)品整合

2018-03-05 08:52:57

2011-10-18 17:00:02

2012-12-12 17:59:18

LOFTER版權

2015-06-05 10:32:03

SOA

2011-07-14 09:16:10

HTML 5

2019-01-07 15:46:41

大數(shù)據(jù)互聯(lián)網(wǎng)企業(yè)

2015-12-29 17:15:42

2014-03-17 09:34:01

HTMLHTML閉合

2013-01-24 10:26:04

HTML5HTML 5HTML5的未來
點贊
收藏

51CTO技術棧公眾號