CSS3和HTML-5是近十年來Web開發(fā)標(biāo)準(zhǔn)最巨大的飛躍

Web新技術(shù)與電子商務(wù)CSS3和HTML5是近十年來Web開發(fā)標(biāo)準(zhǔn)最巨大的飛躍。和以前的版本不同，HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容，它的新使命是將Web帶入一個成熟的應(yīng)用平臺，在HTML5平臺上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。本文專題將帶您體驗(yàn)HTML5，深入下一代Web開發(fā)標(biāo)準(zhǔn)。一．HTML5結(jié)構(gòu)元素目前，我們定義結(jié)構(gòu)只能通過一個“萬能”的div,試圖通過設(shè)置它的特性id的值如header,footer,sidebar等來分別表達(dá)頭部，底部或者側(cè)欄等。有了它們，代碼編寫者不再需要為id的命名費(fèi)盡心思，對于手機(jī)、閱讀器等設(shè)備更有語義的好處。HTML5增加了新的結(jié)構(gòu)元素來表達(dá)這些最常用的結(jié)構(gòu)：1.section:這可以表達(dá)書本的一部分或一章，或者一章內(nèi)的一節(jié)2.header:頁面主體上的頭部。并非head元素3.footer:頁面的底部（頁腳），可以是一封郵件簽名的所在4.nav:到其他頁面的鏈接集合5.article:諸如blog,雜志，綱要等之中的一條獨(dú)立記錄。HTML還增加以下三個塊級元素：1.aside可以用以表達(dá)注記、貼士、側(cè)欄、摘要、插入的引用等諸如作為補(bǔ)充主體的內(nèi)容。2.figure元素表示一個有說明的塊級圖片。3.dialog元素用于表達(dá)人們之間的對話。在HTML5中，dt用于表示說話者，而dd則用來表示說話者的內(nèi)容。4.time元素如其名，用來表達(dá)時間。它需要一個datetime的特性來標(biāo)明機(jī)器能夠認(rèn)識的時間。5.progress，也是義如其名，用以表達(dá)進(jìn)度。6.新增video和audio元素。顧名思義，分別是用來插入視頻和聲音的。至于格式，交由瀏覽器實(shí)現(xiàn)，HTML再也不需要特別的代碼去播放特定的格式。就像img一樣，不管是png,jpg還是gif都可以顯示。值得注意的是，它們可以包含內(nèi)容。HTML5同時也叫WebApplications1.0,因此也進(jìn)一步發(fā)展交互能力。這些標(biāo)簽就是為提高頁面的交互體驗(yàn)而生：1.details用來表示一段具體的內(nèi)容，但是內(nèi)容默認(rèn)可能不顯示，通過某種手段（如點(diǎn)擊）與legend交互才顯示出來。這跟現(xiàn)在各種通過JavaScript隱藏一段內(nèi)容，在點(diǎn)擊后才顯示出來的做法有些類似。2.datagrid用來控制數(shù)據(jù)，可以由用戶或者腳本來更新。3.menuHTML2就存在了，不過HTML4把它廢棄了。HTML5廢物利用，并在期內(nèi)加上command元素瀏覽器本身也在改變，GoogleChrome將WebKit引擎，將大部分CSS3和HTML5功能從蘋果遷移到Windows，Google在未來幾年的目標(biāo)是爭取到10%的市場份額，這將撼動IE的統(tǒng)治地位，在德國，MozillaFirefox已經(jīng)在超過IE成為主導(dǎo)瀏覽器。這些因素也將改變我們對Web設(shè)計以及可訪問性的看法，你的站點(diǎn)是否有一個移動版本？它們在小屏幕上看上去如何？在一個很大的屏幕上看上去又如何？在Weibit引擎，或是Gecko引擎，或是Trident引擎上看上去是否一致？人們對在不同設(shè)備上訪問Web的觀念也在改變，設(shè)計師們逐漸意識到，沒必要在各種不同設(shè)備上輸出相同的頁面，也無需為不同的設(shè)備提供相同的用戶體驗(yàn)。這意味著，人們將發(fā)現(xiàn)Web在不同的瀏覽器上有不同的樣子，諸如漸進(jìn)式增強(qiáng)的Web技術(shù)越來越普遍，為不同Web用戶提供不同的體驗(yàn)。同時，放棄對陳舊瀏覽器的支持也逐漸為人接受，讓用戶將壓力推向?yàn)g覽器廠商而不是設(shè)計師。另外，人們會將注意力轉(zhuǎn)向內(nèi)容，功能，可訪問性，并注重設(shè)計和創(chuàng)意。3.當(dāng)CSS3和HTML5開始涉足JavaScript的領(lǐng)域，JavaScript本身也向Flash逼宮。諸如jQuery一類的框架使富客戶端，異步與無縫用戶體驗(yàn)變?yōu)楝F(xiàn)實(shí)，Web應(yīng)用的開發(fā)變得更簡單，并引發(fā)競爭和創(chuàng)新。JavaScript已經(jīng)可以幫我們實(shí)現(xiàn)過去只能靠Flash實(shí)現(xiàn)的東西，如交互式游戲，復(fù)雜的交互式數(shù)據(jù)可視化技術(shù)，也使那些富客戶界面，F(xiàn)lash式體驗(yàn)變得更具可訪問性。最近，已經(jīng)10年沒有升級的JavaScript也迎來了它的一次重要升級(中文)，一旦瀏覽器廠商們吸納了這些標(biāo)準(zhǔn)，Web開發(fā)者們將擁有更強(qiáng)大工具來創(chuàng)建Web應(yīng)用。這意味著，隨著CSS3和HTML5開始涉足一些JavaScript的功能（如復(fù)雜對象的選取，動態(tài)圓角，實(shí)時可編輯頁面），JavaScript將趨向于用來處理Web應(yīng)用與客戶端的程序邏輯。JavaScript的最新升級將使Web應(yīng)用之間更容易相互操作（JavaScript的這次升級的一個主要目標(biāo)是實(shí)現(xiàn)JSON對象的安全細(xì)則）。4.SaaS（軟件即服務(wù)）已經(jīng)不新鮮，象37Signals，GoogleEnterprise一類的SaaS越來越普遍。競爭會越來越激烈，引入門檻低，那些小廠