HTML5新标簽與特性

html5新特性

1.HTML5新增語義标簽

• 頭部：header标簽

  header：定義網頁的頭部—》頭部語義 + div

• 導航：nav标簽

  nav：定義網頁的導航—》導航語義 + div

• 底部：footer标簽

  footer：定義網頁的底部—》底部語義 + div

• 側邊欄：aside标簽

  aside：定義網頁的側邊—》側邊語義 + div

• 區塊：section标簽

  section：定義網頁的區塊—》區塊語義 + div

• 文章：article标簽

  article：定義網頁的文章—》文章語義 + div

注意：html5标簽有相容性問題（老浏覽器沒效果），是以為了客戶群多，會少用。

2.其他表單新屬性

3.多媒體标簽—audio 音頻

在網頁中播放音頻（聲音）

屬性：

• controls 是否顯示播放控件
• autoplay 自動播放（有相容性問題）

• loop 循環播放（有相容性問題）

  相容性處理：

<audio controls autoplay loop>
  <source src="1.mp3">
  您的版本過低,請更新進階版本 <a href="http://www.itcast.cn/">點選下載下傳</a>
</audio>
           

• autoplay 自動播放（有相容性問題）（muted）