语义化标签是可访问性、SEO 与工程协作的基础。

核心概念

• 使用 <header>、<main>、<section> 构建清晰的页面结构。
• 标题层级应严格递进，辅助技术依赖该结构理解内容。
• 列表、表格、描述列表分别表达不同类型的关系。

实战步骤

• 通过 HTML Outline 工具检查结构合理性。
• 为重复组件建立语义模板，减少 div 池。
• 结合 BEM 或 Design Token 确保语义与样式解耦。