簡(jiǎn)單聊聊HTML5和CSS3

HTML5和CSS3不僅僅是兩項(xiàng)新的Web技術(shù)標(biāo)準(zhǔn)，更代表了下一代HTML和CSS技術(shù)。雖然HTML5的標(biāo)準(zhǔn)規(guī)范還沒(méi)有正式發(fā)布，但是未來(lái)的發(fā)展前景已經(jīng)可以預(yù)見(jiàn)，那就是HTML5必將被越來(lái)越多的Web開(kāi)發(fā)人員所使用，各大主流瀏覽器廠家已經(jīng)積極更新自己的產(chǎn)品，以更好地支持HTML5。

HTML5圍繞一個(gè)核心：構(gòu)建一套更加強(qiáng)大的Web應(yīng)用開(kāi)發(fā)平臺(tái)。

優(yōu)勢(shì)：

1）更多的描述性標(biāo)簽：HTML5引入非常多的描述性標(biāo)簽，例如用于定義頭部（header）、尾部（footer）、導(dǎo)航區(qū)域（nav）、側(cè)邊欄（aside）等標(biāo)簽，使開(kāi)發(fā)人員非常方便的構(gòu)建頁(yè)面元素。

2）良好的多媒體支持：對(duì)于先前的以插件的方式播放音頻、視頻帶來(lái)的麻煩，HTML5有了解決方案，audio標(biāo)簽和video標(biāo)簽?zāi)軌蚍奖愕膶?shí)現(xiàn)應(yīng)變。

3）更強(qiáng)大的Web應(yīng)用：HTML5提供了令人稱奇的功能，某些情況下，你甚至可以完全放棄使用第三方技術(shù)。

4）跨文檔消息通信：Web瀏覽器會(huì)組織不同域間的腳本交互或影響，但是對(duì)于可信任的腳本或許就是麻煩。HTML5引入了一套安全且易于實(shí)現(xiàn)的應(yīng)對(duì)方案。

5）Web Sockets:HTML5提供了對(duì)Web Sockets的支持。

6）客戶端存儲(chǔ)：HTML5的Web Storage和Web SQL Database API，可以在瀏覽器中構(gòu)建Web應(yīng)用的客戶端持久化數(shù)據(jù)。

7）更加精美的界面：HTML5+CSS3組合渲染出來(lái)的界面效果有時(shí)候是無(wú)法想象的精美。

8）更強(qiáng)大的表單：HTML5提供了功能更加強(qiáng)大的表單界面控件，使用非常方便。

9）提升可訪問(wèn)性：內(nèi)容更加清晰，使用戶的操作更加簡(jiǎn)單方便，體驗(yàn)提升。

10）先進(jìn)的選擇器：CSS3選擇器可以方便的識(shí)別出表格的奇偶行、復(fù)選框等，代碼標(biāo)記更少。

11）視覺(jué)效果：精美界面的一部分，陰影、漸變、圓角、旋轉(zhuǎn)等視覺(jué)效果。

二.HTML5向后兼容

對(duì)于部分瀏覽器尚未完全支持HTML5，HTML5可以在代碼中方便地加入兼容自適應(yīng)備用解決方案的代碼。在編寫完HTML5代碼時(shí)，可以W3C驗(yàn)證服務(wù)來(lái)進(jìn)行驗(yàn)證（相對(duì)的，因?yàn)镠TML5標(biāo)準(zhǔn)還在演進(jìn)中）。

三.HTML5中的標(biāo)簽、屬性變化

HTML5廢棄了不少常見(jiàn)的標(biāo)簽，包括：

1）表現(xiàn)性元素：basefont,big,center,font,s,strike,tt,u

2）移除對(duì)框架的支持：frame,frameset,noframes

3）這些：abbr取代acronym，object取代applet，ul取代dir

一些屬性不再有效：

align;

body標(biāo)簽上的link,vlink,alink和text屬性;

bgcolor;

height和width;

iframe元素上的scrolling;

valign;

hscape和vscape;

table標(biāo)簽上的cellpadding,cellspacing和border;

head標(biāo)簽上的profile;

img和iframe的longdesc.