簡單聊聊HTML5和CSS3

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

HTML5圍繞一個核心：構建一套更加強大的Web應用開發(fā)平臺。

優(yōu)勢：

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

2）良好的多媒體支持：對于先前的以插件的方式播放音頻、視頻帶來的麻煩，HTML5有了解決方案，audio標簽和video標簽能夠方便的實現(xiàn)應變。

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

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

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

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

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

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

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

10）先進的選擇器：CSS3選擇器可以方便的識別出表格的奇偶行、復選框等，代碼標記更少。

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

二.HTML5向后兼容

對于部分瀏覽器尚未完全支持HTML5，HTML5可以在代碼中方便地加入兼容自適應備用解決方案的代碼。在編寫完HTML5代碼時，可以W3C驗證服務來進行驗證（相對的，因為HTML5標準還在演進中）。

三.HTML5中的標簽、屬性變化

HTML5廢棄了不少常見的標簽，包括：

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

2）移除對框架的支持：frame,frameset,noframes

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

一些屬性不再有效：

align;

body標簽上的link,vlink,alink和text屬性;

bgcolor;

height和width;

iframe元素上的scrolling;

valign;

hscape和vscape;

table標簽上的cellpadding,cellspacing和border;

head標簽上的profile;

img和iframe的longdesc.