HTML中那些不常用标签

　　先思考一个问题：为什么H5里面又多了那么多看似没用的标签？

　　我们知道，<div>能干百分之99的标签能干的事，而标签的主要作用是用来包裹内容，只要把基本内容都包含进去不就好了？？胡闹！不带这么将就了！！程序员大多可都是追求完美的，标签的语义化才是我们选择使用哪个标签的首要因素。当然，H5的很多新标签在一些老版本流浪器中还不能得到很好的支持，那就需要引用腻子脚本去兼容大多数浏览器了。

1、<cite>和<blockquote>

这俩个标签都有定义文本引用的语义，<blockquote>定义的是块引用，默认有缩进，开始结尾都与其他元素有一行间隔，官方要求它内部应该包含一个块级元素。而<cite>通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题，内容比较少，默认是斜体的。

比如: 张三的突破性专著<cite>张三自传</cite>给网络带来一股新气象.   

显示为：张三的突破性专著张三自传给网络带来一股新气象.

2、<optgroup>

当你想在一个下拉框中对根据不同类型分组的选项添加一些定义时,<optiongroup>标签将会非常有用。例如，如果你想根据时间对食物进行分组，代码可以这样写：

<select>
  <optgroup label="水果">
    <option value="">苹果</option>
    <option value="香蕉">Saab</option>
  </optgroup>
  <optgroup label="蔬菜">
    <option value="白菜">Mercedes</option>
    <option value="西红柿">Audi</option>
  </optgroup>
</select>

3、<abbr>

HTML5中已经消灭了<acronym>,所以熟悉<acronym>的童鞋记得不要再用它了，改用<abbr>吧，简单省事。来看看这个新标签的作用，通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。使用这个标签时，我们只需定义英文首字母就可以了，详细信息交给title属性，相信大家对这个属性不会陌生，当鼠标移到这个缩写单词上面时，显示title里的内容。

4、<address>

<address> 标签定义文档或文章的作者/拥有者的联系信息。其中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

提示：<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。

提示：<address> 元素通常连同其他信息被包含在 <footer> 元素中。

 

5、 <ins> 和 <del>

如果你想通过标记来显示文档编辑样式，<ins>和<del>刚好可以用到。就像它们的名字，<ins>通过一个下划线来突出那些被添加进文档的内容，而<del>则通过删除线来显示那些从中删除的文字。

比如：

<p>价格：<ins>￥120</ins> <del>￥180</del>  </p>

显示效果：  价格：￥120 ￥180

6、<label>

<label>的for属性关联到另一个标签的id，用户点击<label>的内容就相当于点击了被关联的那个id标签。不用for关联的话也可以直接把需要关联的标签写到<label>内部。

<form>
<label>Male<input type="radio" name="sex" /></label>  <!--用法1-->
<br />
<label for="female">Female</label>                    <!--用法2-->
<input type="radio" name="sex" id="female" />
</form>

7、<fieldset>

<fieldset>是一个相当好用的标签，它可将表单内的相关元素按逻辑分组，将表单内容的一部分打包，生成一组相关表单的字段。

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

健康信息：

身高： 体重：

8、<bdo>定义文本方向

估计这个标签很多人都没见过吧，毕竟谁没人把文本方向倒着排啊。其dir属性规定了文本方向，ltr/rtl。

<bdo dir="rtl">Here is some Hebrew text.</bdo>

显示效果： .txet werbeH emos si ereH

9、ruby、rt、rp

<ruby>
奣<rt> weng <rp>(不支持ruby)</rp></rt>
</ruby>

标签定义 ruby 注释（中文注音或字符），当不支持<ruby>标签时，显示<rp>内容，支持则不显示<rp>内容。

目前就整理这些鲜为人知但有必要了解的标签，后续还会添加...