HTML5新知識

一、h5新增的主要語意化標籤如下：

1、header 頁面頭、頁首

2、nav 頁面導覽

3、atricle 一篇文章

4、section 文章中的章節

#5、aside 側邊欄

6、footer 頁面底部、頁尾

PC端相容h5新標籤的方法，在頁面中引入一下js檔案

#二、HTML5新增表單控制項

1、新增類型：網址 郵箱 日期 時間 星期 數量 範圍 電話 顏色 搜尋

##　　a、網址：#input type="url" name=" " required># 、信箱：

　　c、日期：
　　d、時間：
　　e、星期：
　　f、數量：
　　gg#　　ggg 、範圍：
　　h、電話：
　　i、顏色：
　　j、搜尋：

2、新增常用表單控制項屬性

##

　　a、placeholder  設定文字方塊預設提示文字 

　b、autofocus 焦點

##　　c、autocomplete  設定是否有聯想關鍵字下拉，一般設定為"off",關掉  如：autocomplete="off"

三、HTML5音訊audio和視訊video

html5增加了audio和video標籤，提供了在頁面上插入音訊和視訊的標準方法

##1、audio標籤 支持格式：ogg、wav、mp3

對應的屬性：

　　a、autoplay  自動播放

#　　b、controls 顯示播放器

　　c、loop  循環播放器

　　d、preload 預加載

　　e、multed 靜音

如：

source標籤的作用是提供多個媒體檔案位址，如果一個位址的檔案不相容，就使用下一個地址。

###2、video標籤 支援格式：ogg、mp4、webM#########對應的屬性：######　　a、width######　　b 、height######　　c、Poster######如：