几个不太常用但很有用的HTML Tag

======================================================
注：本文源代码点此下载
======================================================

虽然经常接触html,不过有些标签以前却从没引起我的注意。但是其中几个tag的确比较有用,而且是符合w3c xhtml标准的。

1. label

label是用来标记input元素的提示的。例如:

id_name">name

id_name" size="20"/>

label的“for”属性要和input元素的id相一致。

好处:点击提示文字,就自动focus对应的输入元素。对于radio,checkbox这类点击区域特别小的控件特别有用:

color:

red

green

color_b" value="blue">color_x"> blue

red

green

blue

2. fieldset & legend

fieldset用来明确把一组input控件归成一组(相当于vb/vc里面的group控件),而legend则是组的标题(相当于group控件的标题)。 例如:

person

name

gender

male

female

personname

gendermale

female

3. optgroup

用于select里面的option的分组。例如:

0-2

3-5

6-10

10-15

16-30

31-40

41-60

0-2 3-56-10 10-1516-30 31-40 41-60

2、sub标记和sup标记-文字对象的上、下标设置

sub标记是内嵌元素,其功能是:内含文本要以下标的形式显示,比当前字体稍小。此元素在 internet explorer 3.0 及以上版本的 html 中可用,在 internet explorer 4.0 及以上版本的脚本中可用。此元素需要关闭标签。

一个常见的例子就是在编辑数学公式时我们要对变量进行上下标设置,实例如下:

x2

x2

出来的效果是这样的:

x2

x2

与其他标签结合可以用于注释,例:

哈哈注:伟大的领袖、革命家、军事家和思想家

出来的效果是这样的:

哈哈注:伟大的领袖、革命家、军事家和思想家

3、bdo标记-为选定文本片断禁用双向法则

我们先来看一个简单的例子:

我非常爱你

你爱常非我

注:使用bod标签时必须连用dir标签属性,ltr指从左到右的编排顺序,rtl指从右到左的编排顺序。

其显示结果为:

我非常爱你

你爱常非我

我们看到,不一样的文本排序在经过bdo定义后变成了一样的显示结果,这就是bdo的作用。unicode 双向算法会根据所嵌入的字符序列的方向特性将其自动反转。例如,英语文档的基本方向是由左至右(ltr)。如果文档内某一段包含了阅读顺序为由右至左(rtl)的语言,你就可以应用双向算法来反转该语言的方向。双向算法和 dir 标签属性通常足以应付嵌入方向的变更。但是,当你将格式化后的文本交由双向算法处理时,可能会发生错误。例如,以电子邮件格式化后的包含英语和希伯莱语的文本段将被双向算法不正确地转换。由于希伯莱语文本的阅读顺序已经以电子邮件格式转换过了,对其应用双向算法则导致再一次对该文本进行转换。bdo元素将关闭双向算法并控制阅读顺序。当你使用bdo元素时必需连用dir标签属性。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/