HTML5 的新增特性主要是針對于以前的不足，增加了一些新的標(biāo)簽、新的表單和新的表單屬性等。 但是這些新特性往往都村子兼容性問題，比較老的版本瀏覽器可能不支持。
新增特性很多，今天主要介紹一些開發(fā)中常用的新特性。

1.HTML5 新增的結(jié)構(gòu)元素

我們之前布局時(shí)，基本都是使用 div 來做的。但是div 對于搜索引擎來說，是沒有語義的。而新增的結(jié)構(gòu)元素雖然作用與div大致一樣，但是增加了語義化，方便后期的維護(hù)。

?

①<header>：頭部標(biāo)簽? ??<!-- 一般是用在頭部信息上 -->
②<main>：主體標(biāo)簽? ? ? ?<!-- 使用main來包裹主體的內(nèi)容 -->
③<nav>：導(dǎo)航標(biāo)簽? ? ? ? ?<!-- 一般用于包裹導(dǎo)航的內(nèi)容 -->
④<section>：定義文檔某個(gè)區(qū)域? ? ??<!-- section一般可以包裹一個(gè)內(nèi)容區(qū)域塊 -->
⑤<aside>：側(cè)邊欄標(biāo)簽? ??<!-- aside一般用作側(cè)邊欄 -->
⑥<article>：內(nèi)容標(biāo)簽? ? ? ?<!-- article一般用來包裹正文的內(nèi)容 -->
⑦<footer>：尾部標(biāo)簽? ? ? ?<!-- 頁面或頁面中某一個(gè)區(qū)塊的腳注 -->

注意：
①以上這些結(jié)構(gòu)元素，具有的語義化標(biāo)準(zhǔn)，主要是針對搜索引擎的?
②這些新標(biāo)簽頁面中可以使用多次?

2.HTML5 新增的網(wǎng)頁元素

HTML5 新增的網(wǎng)頁元素主要包含有：視頻：<video> 、音頻：<audio> 。

因?yàn)橛辛诉@元素，所以HTML5 在不使用插件的情況下，也可以原生的支持視頻和音頻格式文件的播放，但是可能會(huì)存在一定的兼容性問題。?

2.1?視頻<video>

video標(biāo)簽是用于定義視頻，如電影片段或其他視頻流

語法：

<video src="文件地址" controls autoplay="autoplay" loop muted>您的瀏覽器不支持video視頻 </video><!-- controls="controls" 或者直接寫controls ?只有加上這個(gè)才會(huì)出現(xiàn)控制菜單 --><!-- autoplay="autoplay" 可以實(shí)現(xiàn)自動(dòng)播放，但是在部分瀏覽器會(huì)存在兼容問題，自動(dòng)播放實(shí)現(xiàn)不了 --><!-- 加上loop屬性，可以實(shí)現(xiàn)循環(huán)播放效果 --><!-- 加上muted屬性，會(huì)自動(dòng)靜音 --><!-- video 里面的字只有在不支持video 標(biāo)簽的瀏覽器才會(huì)顯示在頁面上 -->

?以上是video標(biāo)簽最常使用的屬性以及對應(yīng)的作用。

2.2?音頻<audio>

audio標(biāo)簽用于定義音頻，如音樂或其他音頻流

語法：

<audio src="文件地址" controls autoplay="autoplay" loop muted></audio>

?音頻audio 的屬性和視頻video的屬性用法基本一致。

?

總結(jié)

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

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