一、语义化的理解

语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)。通俗来讲就是用正确的标签做正确的事情。

二、语义化的优点

1、对机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,有利于SEO。除此之外,语义类还支持读屏软件,根据文章可以自动生成目录;
2、对开发者友好,使用语义类标签增强了可读性,结构更加清晰,开发者能清晰的看出网页的结构,便于团队的开发与维护。

三、常见的html5语义化标签

  1. <header></header> 头部
  2. <nav></nav> 导航栏
  3. <section></section> 区块(有语义化的div)
  4. <main></main> 主要区域
  5. <article></article> 主要内容
  6. <aside></aside> 侧边栏
  7. <footer></footer> 底部