一些不常见的html标签 及其兼容性

1.

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

所有浏览器都支持 <fieldset> 标签。

2.

<table border="1">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

3.

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

ie 和 safair不支持。！！

4.

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

淘宝中的价格删除就是用del 和INS。

5.

<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>

这样文档只显示HTML 5，点击HTML5会显示下面的文字。
支持的浏览器只有safair和chrome！！
<details> 标签用于描述文档或文档某个部分的细节。

6.

<audio controls>
<source src="/i/horse.ogg" type="audio/ogg">
<source src="/i/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

7.一下这些标签可以使用样式表代替！！！

8.

<progress value="22" max="100"></progress>

9.

<meter value="3" min="0" max="10">十分之三</meter>

<meter value="0.6">60%</meter> 

<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。

例子：磁盘用量、查询结果的相关性，等等。

IE不支持！！