，同時(shí)更提供了一套功能豐富的API用來控制媒體播放，而這些用來控制媒體播放的元素也都是可以被編輯的。因此，HTML5在視頻以及音頻層面上實(shí)際已經(jīng)可以替代常用的flash插件了。

　　4. 畫布(Canvas) API

　　在網(wǎng)頁中繪制圖形一直是個(gè)大難題

，我們不得不借助flash、silverlight等插件。然而HTML5允許你直接在網(wǎng)頁上進(jìn)行繪圖，甚至允許你與網(wǎng)頁生成更多的交互，例如繪制圖形、放大縮小，等等。圖例是一個(gè)用HTML5制作的小游戲。

　　5. 地理(Geolocation) API

　　HTML5提供了地理信息的應(yīng)用接口Geolocation API

。通過這個(gè)API，網(wǎng)頁可以通過IP，GPS等方式來獲得用戶的地理信息；同時(shí)用戶也可以選擇是否關(guān)閉這個(gè)功能。

　　6. 網(wǎng)頁存儲(chǔ)(Web storage) API

　　HTML5提供了網(wǎng)頁存儲(chǔ)的API

，方便Web應(yīng)用的離線使用。除此之外，新的API相對(duì)于cookie也有著高安全性，高效率，更大空間等優(yōu)點(diǎn)。

　　7. 拖拽釋放(Drag and drop) API

　　我們可以通過HTML5的Drag and drop API來完成網(wǎng)頁中的拖拽釋放效果

，避免了以往的網(wǎng)頁在拖拽釋放過程中需要不停修改元素的位置，代碼繁多的弊端。

　　CSS3 新特性

　　1. RGBa

　　CSS3的RGBa新特性允許你對(duì)每個(gè)元素進(jìn)行色彩以及透明度的設(shè)置

。而原來常用的opacity命令只能對(duì)元素及其子元素進(jìn)行設(shè)置。

　　2. Multi-column layout

　　CSS3新提供的多欄布局選擇器無需HTML布局標(biāo)簽即可生成多欄布局，同時(shí)‘欄數(shù)’

、‘欄寬’以及‘欄間距’都是可以定義的。

　　3. Round corners

　　圓角功能可能是CSS3提供的最實(shí)用的功能了

。通過Border-radius，你可以沒有任何難度的給指定的HTML元素添加圓角。并且你還可以定義圓角的大小，以及哪個(gè)角是圓角，哪個(gè)角不是圓角。

　　4. @font-face

　　當(dāng)網(wǎng)頁顯示某種用戶沒有安裝的字體時(shí)

，CSS3提供的@font-face功能會(huì)自動(dòng)的、默默地幫用戶從網(wǎng)絡(luò)上下載相應(yīng)字體。從而讓設(shè)計(jì)師更加自由的發(fā)揮，而不用考慮用戶的機(jī)器是否安裝了相應(yīng)字體。

　　5. 其他特性

　　此外

，CSS3還給我們帶來了漸變、防止字符串過長(zhǎng)溢出、多重背景以及用圖片來作為元素邊框等功能。

　　利用好CSS3，你可以更快捷的得到以往用很多插件才能得到的效果