HTML标签 optgroup 【select 使用】
学无止境！！！
今天在论坛回答帖子，学到了一招，select原来可以使用optgroup 标签，对option进行分类！
特意从网上摘录了下面的文章...
在 html里,optgroup这个元素对于我来说很少用到。最近在公司做项目时使用了一下，感觉不错，可以对数据进行分类。但在使用JavaScript 添加optgroup时,在IE与Firefox下分别出现了不同的Bug。为了今后再遇到这问题，发到这里作为备忘用。
我们先看以下代码：
window.onload = function () {
var selObj = document.getElementById('demo');
var optionGroupObj = document.createElement('optgroup');
optionGroupObj.label = 'optionGroup';
selObj.appendChild(optionGroupObj);
var optionObj = new Option('optionText','optionValue');
selObj.options[selObj.options.length] = optionObj;
}
<select id="demo">
<option value="-1">please select</option>
</select>
在IE下显示的结构是：
<SELECT id=demo>
<OPTION value=-1 selected>please select</OPTION>
<OPTGROUP label=optionGroup>
<OPTION value=optionValue>optionText</OPTION>
</OPTGROUP>
</SELECT>
而在Firefox下显示的结构却是：
<select id="demo">
<option value="-1">please select</option>
<optgroup label="optionGroup"/>
<option value="optionValue">optionText</option>
</select>
从这段代码看起来，没有任何问题。在IE下，把optgroup作为option父结点，这是正确的。而Firefox却把optgroup作为option的兄弟结点，这显然不是我们所要的结果。
于是，又尝试着用标准DOM的操作方式进行改写。
将第7行代码改成“optionGroupObj.appendChild(optionObj);”
在IE下显示的结构是：
<SELECT id=demo>
<OPTION value=-1 selected>please select</OPTION>
<OPTGROUP label=optionGroup>
<OPTION value=optionValue></OPTION>
</OPTGROUP>
</SELECT>
Firefox正常了。但在IE下，在option元素却没有’optionText’显示文本。
最后，改写成如下代码，解决了这个Bug。
完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN
相关文档：
Window 对象
Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。
Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
有关 Window 对象的详细描述。
IE: Internet Explorer, F: Firefox, O: Opera.
Window 对象的集合
CollectionDescriptionIEFO
fr ......
HTML常用符号：
显示一个空格  
< 小于 < <
> 大于 > >
& &符号 & &
" 双引号 " "
其他常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
? 版权 © ©
? 注册商� ......
1、大部分WEB文档采用HTML格式。
2、本例用如下HTML文档
<html>
<head>
<title>
Laptop power supplies are avaliable in First class only
......
可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。
上周我也遇到了ID和Name的问题，在页面里输 ......
网站优化
常用的HTML标签:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
<h1>H1标签，定义文章标题，一个页面只要一个</h1>
<h2>H2标签，定义文章标题，一个页面只要� ......
