用于在中对逻辑分组，需设label属性作标题，仅含子元素，不可嵌套，提升可访问性与可读性。
标签用于在 HTML 的 下拉菜单中对 进行逻辑分组，实现视觉和语义上的层级分类。它本身不可被选中，仅作为标题容器，提升可读性与可访问性。
基本用法：用 label 属性定义分组名称
每个
- label 文本不能包含 HTML 标签，会被当作纯文本渲染
- 浏览器默认将 label 显示为加粗浅灰文字，并使内部
- 同一
结构规范：必须包裹在
- 错误写法：
<optgroup><optgroup>...</optgroup></optgroup>（不支持嵌套） - 错误写法：
<optgroup><div>xxx</div></optgroup>（只接受 - 正确顺序：
<select><optgroup label="水果"><option>苹果</option></optgroup></select>
可访问性与用户体验要点
屏幕阅读器会读出 label 名称（如“水果，组合”），帮助视障用户理解选项结构：
立即学习“前端免费学习笔记（深入）”；
- 避免 label 使用模糊词，如“类别1”“其他”，应具体明确（如“国产车型”“进口车型”）
- 若某组无有效选项，建议隐藏整个
- 部分浏览器（如 Safari）对
简单示例：带分类的课程选择下拉框
以下代码展示一个清晰分类的下拉菜单：
