HTML現在已經不是SGML的子集，主要是關于圖像，位置，儲存，多任務等功能的增加。　　

　　.繪畫canvas；

　　.用于媒介回放的video：

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

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

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

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

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

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

　　.audio：

　　　　無需再依賴第三方產檢區渲染音頻了，因為HTML5提供了<audio>元素。

　　　　以MOozilla核心的Firefox瀏覽器只支持.ogg文件，webkit核心的瀏覽器支持.mp3擴展，safari不承認.ogg,它會跳過并移到MP3版本。所以需要創建兩個版本的音頻。

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

　　.本地離線儲存localStorage長期存儲數據，瀏覽器關閉后數據不丟失；

　　.sessionStorage的數據在瀏覽器關閉后自動刪除；

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

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

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

　　.新的技術webworker、websocket、Geolocation；

移除的元素：

　　.純表現的元素：basefont，big，center，font，s，strike，tt，u；

　　.對可用性產生負面影響的元素：frame，frameset，noframes；

支持HTML5新標簽：

　　.IE8/IE7/IE6支持通過document.createElement方法產生的標簽，

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

　　.瀏覽器支持新標簽后，還需要添加標簽默認的樣式。

　　

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

　　<!--[if lt IE 9]>

　　　　<script>

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

　　　　</script>

　　<![endif]-->

如何區分HTML5：

　　.DOCTYPE聲明\新增的結構元素、功能元素

　　.<mark>元素作為高亮。此標簽包裹的字符串應該與用戶當前的行動相關聯。

　　.顏色漸變：

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

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

　　.?type=range意為可以選擇某個值的區域范圍。

　　.type=data意為時間選擇器控件。

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

　　.datalist是實現數據列表下拉效果的。

　　.<small>元素不再被用來創建靠近logo且相關的副標題。在html5中，<small>被重新定義，指小字。

　　.在表單輸入框應用名為”email”的type屬性可以命令瀏覽器只允許符合有效的電子郵件地址結構的字符串。但是較舊的瀏覽器不識別，它們會簡單的退回到普通文本框。

　　.占位符：

　　　　　　placeholders意為文本框/文本域空間默認會有個文字提示，獲得焦點時，此提示文字就會消失；失去焦點時如果內容為空，提示文字又出現。在表單控件里面顯示的提示性文字就是占位符。

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

　　.<mark>元素作為高亮。此標簽包裹的字符串應該與用戶當前的行動相關聯。

?

轉載于:https://www.cnblogs.com/xkweb/p/5840253.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。