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

1.HTML5 新增的結構元素

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

?

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

注意：
①以上這些結構元素，具有的語義化標準，主要是針對搜索引擎的?
②這些新標簽頁面中可以使用多次?

2.HTML5 新增的網頁元素

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

因為有了這元素，所以HTML5 在不使用插件的情況下，也可以原生的支持視頻和音頻格式文件的播放，但是可能會存在一定的兼容性問題。?

2.1?視頻<video>

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

語法：

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

?以上是video標簽最常使用的屬性以及對應的作用。

2.2?音頻<audio>

audio標簽用于定義音頻，如音樂或其他音頻流

語法：

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

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

?

總結

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

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