HTML現(xiàn)在已經(jīng)不是SGML的子集，主要是關(guān)于圖像，位置，儲(chǔ)存，多任務(wù)等功能的增加?！　?/p>

　　.繪畫canvas；

　　.用于媒介回放的video：

　　　　Ogg是帶有Theora視頻編碼和Vorbis音頻編碼的文件；

　　　　MPEG4是帶有H.264視頻編碼和AAC音頻編碼的MPEG4文件；

　　　　WebM是VP8視頻編碼和Vorbis音頻編碼的文件；

　　　　HTML5的規(guī)范沒有指定特定的視頻編解碼器，它留給了瀏覽器來決定。

　　　　Safari和IE9預(yù)期支持H.264格式的視頻，Firefox和Opera堅(jiān)持開源的Theora和Vorbis格式，所以需要提供兩種格式。

　　　　Video支持三種視頻格式：Ogg，MPEG4，WebM。

　　.audio：

　　　　無需再依賴第三方產(chǎn)檢區(qū)渲染音頻了，因?yàn)镠TML5提供了<audio>元素。

　　　　以MOozilla核心的Firefox瀏覽器只支持.ogg文件，webkit核心的瀏覽器支持.mp3擴(kuò)展，safari不承認(rèn).ogg,它會(huì)跳過并移到MP3版本。所以需要?jiǎng)?chuàng)建兩個(gè)版本的音頻。

　　　　Audio支持三種音頻格式：Ogg Vorbis，MP3，Wav。

　　.本地離線儲(chǔ)存localStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；

　　.sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除；

　　.HTML5的本地存儲(chǔ)可以存儲(chǔ)5M大小的數(shù)據(jù)，甚至還多。它主要有四種：localStorage,sessionStorage,webSQL,indexDB；

　　.語意化更好的內(nèi)容元素，比如 article、footer、header、nav、section；

　　.表單控件，calendar、date、time、email、url、search；

　　.新的技術(shù)webworker、websocket、Geolocation；

移除的元素：

　　.純表現(xiàn)的元素：basefont，big，center，font，s，strike，tt，u；

　　.對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；

支持HTML5新標(biāo)簽：

　　.IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽，

　　.可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽，

　　.瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。

　　

　　.當(dāng)然也可以直接使用成熟的框架、比如html5shim；

　　<!--[if lt IE 9]>

　　　　<script>

　　　　　　src="http://html5shim.googlecode.com/svn/trunk/html5.js"

　　　　</script>

　　<![endif]-->

如何區(qū)分HTML5：

　　.DOCTYPE聲明\新增的結(jié)構(gòu)元素、功能元素

　　.<mark>元素作為高亮。此標(biāo)簽包裹的字符串應(yīng)該與用戶當(dāng)前的行動(dòng)相關(guān)聯(lián)。

　　.顏色漸變：

　　　　　　除了CSS 顏色，fillStyle和strokeStyle 屬性可以設(shè)置為CanvasGradient 對(duì)象。——通過 CanvasGradient可以為線條和填充使用顏色漸變。欲創(chuàng)建CanvasGradient對(duì)象，可以使用兩個(gè)方法：createLinearGradient和createRadialGradient。前者創(chuàng)建線性顏色漸變，后者創(chuàng)建圓形顏色漸變。創(chuàng)建顏色漸變對(duì)象后，可以使用對(duì)象的addColorStop方法添加顏色中間值。　　

　　.type=number的HTML表單元素是可以用按鍵的方式改變文本框中的值。

　　.?type=range意為可以選擇某個(gè)值的區(qū)域范圍。

　　.type=data意為時(shí)間選擇器控件。

　　.type=color意為顏色選擇器控件。

　　.datalist是實(shí)現(xiàn)數(shù)據(jù)列表下拉效果的。

　　.<small>元素不再被用來創(chuàng)建靠近logo且相關(guān)的副標(biāo)題。在html5中，<small>被重新定義，指小字。

　　.在表單輸入框應(yīng)用名為”email”的type屬性可以命令瀏覽器只允許符合有效的電子郵件地址結(jié)構(gòu)的字符串。但是較舊的瀏覽器不識(shí)別，它們會(huì)簡(jiǎn)單的退回到普通文本框。

　　.占位符：

　　　　　　placeholders意為文本框/文本域空間默認(rèn)會(huì)有個(gè)文字提示，獲得焦點(diǎn)時(shí)，此提示文字就會(huì)消失；失去焦點(diǎn)時(shí)如果內(nèi)容為空，提示文字又出現(xiàn)。在表單控件里面顯示的提示性文字就是占位符。

　　　　　　如果是以前需要一些javascript代碼實(shí)現(xiàn)占位符的操作，而html5卻使得其非常輕松

　　.<mark>元素作為高亮。此標(biāo)簽包裹的字符串應(yīng)該與用戶當(dāng)前的行動(dòng)相關(guān)聯(lián)。

?

轉(zhuǎn)載于:https://www.cnblogs.com/xkweb/p/5840253.html

總結(jié)

以上是生活随笔為你收集整理的HTML5新增的一些特性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。