H5新增标签的使用

1.video 表示一段视频并提供播放的用户界面

<video width="320" height="240" controls="controls"> 
<source src="movie.mp4" type="video/mp4"> 

  
  

  
  
1
2

2.audio 表示音频

<audio controls="controls" loop="loop" preload="auto"> 
<source src="horse.mp3" type="audio/mpeg"> 

 
 

 
 
1
2

3.canvas 表示位图区域
4.source 为video和audio提供数据源
5.track 为video和audio指定字母
6.svg 定义矢量图
7.code 代码段
8.figure 和文档有关的图例，用来表示自包含的内容，一般作为单个单元引用

9.figcaption 图例的说明
10.time 日期和时间值，使搜索引擎等其他程序耿荣你故意提取这些信息

<p>我们在每天上午<time>9:00</time>开始营业。</p>

 
 

 
 
1

11.mark 高亮的引用文字，突出显示文档中的某一部分文本

12.datalist 表示可选的列表（跟html的select功能一样）

<input list="browsers"> 
<datalist id="browsers"> 
  <option value="Internet Explorer"> 
  <option value="Firefox"> 
  <option value="Chrome"> 
  <option value="Opera"> 
  <option value="Safari"> 
</datalist>

 
 

 
 
1
2
3
4
5
6
7
8

13.keygen 秘钥对生成器控件
14.output 计算值
15.progress 进度条

16.menu 菜单
17embed 定义了一个容器，用来嵌入外部应用或者互动程序（插件）

18.menuitem 用户可点击的菜单项
19.section表示文档中的一个独立部分

20.nav标签表示一个页面中的某个部分，目的是提供导航链接，常见的导航栏的示例是菜单、目录和索引

<nav> 
  <a href="/html/">HTML</a> | 
  <a href="/css/">CSS</a> | 
  <a href="/javascript/">JavaScript</a> | 
  <a href="/jquery/">jQuery</a> 
</nav>

 
 

 
 
1
2
3
4
5
6

21.aside语义化标签

<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

 
 

 
 
1
2
3
4

22.article:代表文档，表示页面中与上下文不相关的独立的内容部分

23.footer：作为其上层父级内容区块或是一个根区块的注脚，如：作者、相关阅读链接以及版权信息等。
24.Header：header:一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo

<header>
        <h1>文章题目</h1>
        <img src="guibinquan.PNG" alt="一只贵宾犬">
    </header>

 
 

 
 
1
2
3
4

25.meter：在html中给定一个具体范围（含括最大值和最小值，然后使用meter标签显示该范围内的数据 ）

<meter value="4" min="0" max="10">4 out of 10</meter><br> 
<meter value="0.7">70%</meter>

 
 

 
 
1
2

26.address:用来在文档中呈现联系信息，包括文档作者或者文档维护者名字，电子邮箱等信息。

                                </div>