簡單聊聊HTML5和CSS3

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

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

優(yōu)勢：

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

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

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

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

5）Web Sockets:HTML5提供了對Web Sockets的支持。

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

7）更加精美的界面：HTML5+CSS3組合渲染出來的界面效果有時候是無法想象的精美。

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

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

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

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

二.HTML5向后兼容

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

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

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

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

2）移除對框架的支持：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.