一些很少用到但还不错的Html功能
1.为下拉列表的内容分组
使用OPTGROUP为<select>中的<option>分组，不过只有IE6支持，如下例
你最喜欢的球队
<SELECT>
<OPTGROUP LABEL="西班牙">
<OPTION>巴塞罗那</OPTION>
<OPTION>皇家马德里</OPTION>
<OPTION>巴伦西亚</OPTION>
<OPTION>拉科鲁尼亚</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="英格兰">
<OPTION>切尔西</OPTION>
<OPTION>阿森纳</OPTION>
<OPTION>曼联</OPTION>
<OPTION>利物浦</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="意大利">
<OPTION>AC米兰</OPTION>
<OPTION>国际米兰</OPTION>
<OPTION>尤文图斯</OPTION>
<OPTION>罗马</OPTION>
</OPTGROUP>
</SELECT>
2.使用<RUBY>和<RT>,为文字加上注释
我们使用 Visual Studio .NET 2003进行程序开发
<span style="font-family: Arial; font-size: 12pt;">我们使用
<RUBY><u>Visual Studio .NET 2003</u><RT><span style="font-family: Arial; font-size: 8pt; color: red;">
Microsoft提供的开发工具</span></RUBY>进行程序开发</span>
3.使用你自己定义的元素
第一步声明命名空间，使用 HTML 元素的 XMLNS 标签属性
第二步在 @media 包装内完成自定标签的定义
第三步使用自定义标签
<HTML XMLNS:MYTAG>
<HEAD>
<STYLE>
@media all {
MYTAG\:t1 { color: red;font-size: 12pt }
MYTAG\:t2 { color: green;font-size: 14pt }
MYTAG\:t3 { color: blue;font-size: 10pt }
}
</STYLE>
</HEAD>
<BODY>
<MYTAG:t1>
此文本为红色，因为其包含在 MYTAG:t1 标签内。
</MYTAG:t1>
<MYTAG:t2>
此文本为绿色，因为其包含在 MYTAG:t2 标签内。
</MYTAG:t2>
<MYTAG:t3>
此文本为蓝色，因为其包含在 MYTAG:t3 标签内。
</MYTAG:t3>
</BODY>
</HTML>
使用OPTGROUP为<select>中的<option>分组，不过只有IE6支持，如下例
你最喜欢的球队
<SELECT> <OPTGROUP LABEL="西班牙"> <OPTION>巴塞罗那</OPTION> <OPTION>皇家马德里</OPTION> <OPTION>巴伦西亚</OPTION> <OPTION>拉科鲁尼亚</OPTION> </OPTGROUP> <OPTGROUP LABEL="英格兰"> <OPTION>切尔西</OPTION> <OPTION>阿森纳</OPTION> <OPTION>曼联</OPTION> <OPTION>利物浦</OPTION> </OPTGROUP> <OPTGROUP LABEL="意大利"> <OPTION>AC米兰</OPTION> <OPTION>国际米兰</OPTION> <OPTION>尤文图斯</OPTION> <OPTION>罗马</OPTION> </OPTGROUP> </SELECT> 2.使用<RUBY>和<RT>,为文字加上注释
我们使用 Visual Studio .NET 2003进行程序开发
<span style="font-family: Arial; font-size: 12pt;">我们使用 <RUBY><u>Visual Studio .NET 2003</u><RT><span style="font-family: Arial; font-size: 8pt; color: red;"> Microsoft提供的开发工具</span></RUBY>进行程序开发</span> 3.使用你自己定义的元素
第一步声明命名空间，使用 HTML 元素的 XMLNS 标签属性
第二步在 @media 包装内完成自定标签的定义
第三步使用自定义标签
<HTML XMLNS:MYTAG> <HEAD> <STYLE> 
@media all { 
@media all MYTAG\:t1 { color: red;font-size: 12pt } MYTAG\:t2 { color: green;font-size: 14pt } MYTAG\:t3 { color: blue;font-size: 10pt } } </STYLE> </HEAD> <BODY> <MYTAG:t1> 此文本为红色，因为其包含在 MYTAG:t1 标签内。 </MYTAG:t1> <MYTAG:t2> 此文本为绿色，因为其包含在 MYTAG:t2 标签内。 </MYTAG:t2> <MYTAG:t3> 此文本为蓝色，因为其包含在 MYTAG:t3 标签内。 </MYTAG:t3> </BODY> </HTML> 
