在网页开发中，`
方法一：使用 `selected` 属性
最直接的方式是在希望设置为默认值的 `
```html
```
在这个例子中，“香蕉”将会作为默认选中的选项显示给用户。当页面加载时，浏览器会自动将带有 `selected` 属性的 `
方法二：结合 JavaScript 动态设置默认值
如果需要在运行时动态地设置默认值，可以利用 JavaScript 来操作 DOM 元素。以下是一个简单的示例：
```html
<script>
document.getElementById('colorSelect').value = 'green';
</script>
```
这里，通过获取 `select` 元素并将其 `value` 属性设为特定值（如 `"green"`），即可实现动态设置默认选中项的效果。
注意事项
1. 唯一性：确保页面中只有一个 `
2. 兼容性：上述方法适用于所有主流现代浏览器，包括 Chrome、Firefox、Edge 和 Safari。
3. 无障碍设计：正确使用标签和属性可以帮助屏幕阅读器更好地理解页面结构，从而提高网站的可访问性。
通过以上两种方式，您可以轻松地在 HTML `
