使用语义化标签，可以让我们的网页结构变得更加清晰。因为我们用元素标签代替id，可以让计算机更加了解我们的确切结构，从而更加准确的将网页的内容提供给一些特定的工具或者设备，可以提高网页的搜索效果(SEO)。

HTML5常用的语义化标签

  • header 顶部区域

  • footer 底部区域

  • main 主要内容区域

  • nav 导航栏内容

  • aside 相关内容区域(相对独立 侧边栏 广告等)

  • section 部分内容区域

  • artical 相对独立元素(通常可以脱离网页存在)