你应该知道的几个少见的HTML标签

今天在nettuts上看到一篇关于比较少见的HTML标签介绍，觉得这些标签还是挺有价值的，准备通过这篇文章和大家一起学习一下。

1. <cite>

我在日志里有时会用到<blockquote>(块状引用标签)，Windows Live Writer的工具条上带有这个工具，使用它很容易给一个引用的段落加上这个标签。<cite>标签也是用来引用的，默认情况下浏览器会使用斜体来显示<cite>标签内的文字。演示：中文斜体很丑

2. <optgroup>

使用这个标签可以把<select>(选择标签)下相关的选项列在一起并且可以加上小标题。

<select id="pz">
      <optgroup label="组合">
          <option value="cn7" selected="selected">N选七</option>
      </optgroup>
      <optgroup label="其他">
         <option value="other">自定义</option>
      </optgroup>
</select> 

上面HTML代码来自是我写的彩票电脑选号器，有兴趣的朋友可以看看可以看看。

3. <acronym> 和 <abbr>

<acronym>用于首字母缩写, 这个标签我虽然见过，但是从来没用过。貌似挺酷的，很可能在以后的项目里用到。<abbr>和<acronym>显示，只是意思稍有不同，它用于单词简写，

61<acronym title="Developer's Home">dh</acronym>
<!--dh本来是daohang(导航的缩写)--> 

演示：61dh (把鼠标放到dh上看效果) ； 简写：央视

4. <address>

顾名思义，就是把地址放在这个标签里，默认情况下浏览器会使用斜体来显示标签内的文字。如果你和我一样觉得中文斜体很难看，你可以用CSS来改变address内的文字样式。演示如下：

Adam Cai 61dh RD Somewhere, USA

5. <ins>和<del>

一个表示插入，一个表示删除。<del>和<strike>标签效果相同。这个应该算是有用，特别对于已经发布的日志进行修改。

效果：插入和删除

6. <label>和<fieldset>

这两个估计大家在表单里有看到，<label>用于表单控件前，通常用来表示控件的名称。<fieldset>用于把表单的内容框在一起。

<form>
  <fieldset>
    <legend>不完全表单</legend>
    <label for="username">名字</label>
    <input id="username" type="text">
  </fieldset>
</form>

演示：

不完全表单

名字

7. rel

rel 不是HTML标签，但是它是一个非常有用的标签属性，我实在学习jQuery时学到这个标签的，通常我们可以通过在标签属性来选择标签，例如我在上篇日志里用到：

<a rel="popin" href="....">rel标签属性</a>
//使用下面的方法可以选中上面这个链接标签
$("a[rel^='popin']").click(function(){
...});

如果你想对HTML标签了解更多，建议阅读W3SCHOOL的介绍。中文 英文