HTML 常用标签与特殊字符详解

HTML 是构建网页的基石，掌握其核心标签与细节对于前端开发至关重要。以下整理了一些高频使用的知识点，建议结合实践加深理解。

Select 标签

Select 常用于省市选择等下拉列表场景，既能优化交互体验，也能减少数据录入错误。虽然可视化工具能提供便利，但建议手动编写代码以确保结构清晰。

<select name="Province">
  <option value="none">--选择省份--</option>
  <option value="beijing">北京</option>
  <option value="tianjin">天津</option>
  <option value="Hebei">河北省</option>
  <option value="Shandong">山东省</option>
  <option value="Guangdong">广东省</option>
  <option value="Taiwan">台湾省</option>
</select>

Div 与 Span

几乎所有现代网站都大量使用了这两个容器级标签。它们都能包裹其他元素形成独立个体，但在布局行为上有本质区别：

• Div：块级元素（Block），默认独占一行，包围的元素会自动换行。
• Span：行级元素（Inline），默认不独占一行，适合包裹文本片段。

注意嵌套规则：Span 可以放入 Div，但 Div 不能放入 Span。具体的布局美观度通常由 CSS 控制，这里主要关注语义化的使用。