HTML5+CSS3學習筆記(一) 概述


       HTML5+CSS3概述

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

一.一個新的Web開發平台

    HTML5圍繞一個核心:構建一套更加強大的Web應用開發平台。

優勢:

1)更多的描述性標簽:HTML5引入非常多的描述性標簽,例如用於定義頭部(header)、尾部(footer)、導航區域(nav)、側邊欄(aside)等標簽,使開發人員非常方便的構建頁面元素。

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

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

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

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

6)客戶端存儲:HTML5的Web Storage和Web SQL Database API,可以在瀏覽器中構建Web應用的客戶端持久化數據。

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

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

9)提升可訪問性:內容更加清晰,使用戶的操作更加簡單方便,體驗提升。

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

11)視覺效果:精美界面的一部分,陰影、漸變、圓角、旋轉等視覺效果。

二.HTML5向后兼容

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

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

HTML5廢棄了不少常見的標簽,包括:

1)表現性元素: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.

 

跟上HTML5和CSS3進步的步伐,不斷更新自己的知識,對開發人員來說無疑好事。

接下來,將進入HTML5的具體學習,感受HTML5的Web開發驚喜。

參考資料:《HTML5和CSS3實例教程》


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM