一、 语义化的重要性

避免滥用 <div> ，合理使用语义化标签，让标签本身表达内容的含义。

• 对机器友好：有利于搜索引擎（ESO）抓取内容（搜索引擎优化）
• 对开发者友好：提高代码可读性和可维护性
• 对无障碍友好：提升可访问性，方便屏幕阅读器识别

二、 常见语义化标签及使用场景

• <header>：页面或章节的标题部分
• <nav>：导航链接区域
• <main>：页面主要内容区域
• <section>：文档中的独立内容区块
• <article>：独立、自包含的内容
• <aside>：与内容相关但是独立的内容（侧边栏）
• <footer>：页面或章节的页脚

避免使用 <div class="header"> 代替 <header> ，或者滥用 <span> 包裹大段文本。