什么是 <option> 标签？
在 HTML 中，<option> 标签用于定义下拉列表（<select>）中的一个选项。
它必须作为 <select>、<optgroup> 或某些浏览器兼容的 <datalist> 的子元素存在。
正确的位置：option 必须在哪儿？
根据 HTML 规范，<option> 只能出现在以下容器内：
<select>元素内部（最常见）<optgroup>元素内部（用于分组）<datalist>元素内部（用于输入建议）
如果将 <option> 直接放在 <body> 或其他非允许父元素中，会导致 HTML 结构错误，浏览器可能忽略或渲染异常。
基本用法示例
<label for="fruit">请选择水果：</label>
<select id="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>常见错误写法（请避免！）
<!-- 错误：option 不在 select 内 -->
<div>
<option>错误选项</option>
</div>
<!-- 错误：直接放在 body 中 -->
<option>孤立的 option</option>这类写法不符合 HTML 标准，可能导致页面结构混乱或 SEO 不友好。
进阶用法：optgroup 分组
<select>
<optgroup label="热带水果">
<option value="mango">芒果</option>
<option value="pineapple">菠萝</option>
</optgroup>
<optgroup label="温带水果">
<option value="apple">苹果</option>
<option value="pear">梨</option>
</optgroup>
</select>