HTML5新新增的語義化標籤

1）語義化標籤

語義化標籤使得頁面的內容結構哈，見名知義

標籤<>	描述
header	定義了文件的頭部區域
footer	定義文件尾部區域
nav	定義文件的導航
section	定義文件的節（section、區段
article	定義頁面的獨立的內容區域
aside	定義頁面側邊欄內容
dialog	定義對話方塊，比如提示框

(2)增強型表單

HTML5擁有多個新的表單inout型別，這些新的特性提供了更好的輸入控制和驗證，使用：<input type="屬性“>

3. 視訊和音訊

HTML5 提供了播放音訊檔案的標準，即使用 元素

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支援 audio 元素。
</audio>

• control 屬性供新增播放、暫停和音量控制元件。
  　在 與 之間你需要插入瀏覽器不支援的元素的提示文字
  　 元素允許使用多個 元素. 元素可以連結不同的音訊檔案，瀏覽器將使用第一個支援的音訊檔案
  　目前, 元素支援三種音訊格式檔案: MP3, Wav, 和 Ogg
• HTML5 規定了一種通過 video 元素來包含視訊的標準方法

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的瀏覽器不支援Video標籤。
</video>

control 提供了 播放、暫停和音量控制元件來控制視訊。也可以使用dom操作來控制視訊的播放暫停，如 play() 和 pause() 方法。

同時 video 元素也提供了 width 和 height 屬性控制視訊的尺寸.如果設定的高度和寬度，所需的視訊空間會在頁面載入時保留。如果沒有設定這些屬性，瀏覽器不知道大小的視訊，瀏覽器就不能再載入時保留特定的空間，頁面就會根據原始視訊的大小而改變。

與 標籤之間插入的內容是提供給不支援 video 元素的瀏覽器顯示的。

video 元素支援多個source 元素. 元素可以連結不同的視訊檔案。瀏覽器將使用第一個可識別的格式（ MP4, WebM, 和 Ogg）

參考文章：
https://www.cnblogs.com/vicky1018/p/7705223.html