首页 > 代码库 > 一些不常见的html标签 及其兼容性

一些不常见的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="http://www.mamicode.com/BMW">  <option value="http://www.mamicode.com/Ford">  <option value="http://www.mamicode.com/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="http://www.mamicode.com/i/horse.ogg" type="audio/ogg">
<source src="http://www.mamicode.com/i/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

 

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

 

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

<em>把文本定义为强调的内容。
<strong>把文本定义为语气更强的强调的内容。
<dfn>定义一个定义项目。
<code>定义计算机代码文本。
<samp>定义样本文本。
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

 

 

8.

<progress value="http://www.mamicode.com/22" max="100"></progress>
属性描述
maxnumber规定任务一共需要多少工作。
valuenumber规定已经完成多少任务。

 

 

 

9.
<meter value="http://www.mamicode.com/3" min="0" max="10">十分之三</meter><meter value="http://www.mamicode.com/0.6">60%</meter> 

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

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

IE不支持!!



















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