先思考一个问题：为什么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>
显示效果： 价格： ￥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>内容。
目前就整理这些鲜为人知但有必要了解的标签，后续还会添加...