Skip to content
导航

HTML语义化

HTML语义化是正确使用 HTML 标签,以使标签既是人类可读的,也是机器可读的。

HTML语义化可以增强网页的可访问性、可搜索性、国际化和互操作性。
换句话说,如果您希望您的网站可供所有访问者访问,实现较高的搜索引擎排名,可供来自世界各地的访客使用,并与其他Web服务有效交互,则语义标签是必须的。

语义标签

  • <article> 独立的、自包含的内容
  • <aside> 间接相关的内容
  • <details> 可以展开或隐藏的附加内容
  • <figcaption> 插图描述
  • <figure> 自包含的插图等
  • <footer> 文档或section的底部
  • <header> 文档或section的顶部
  • <main> 文档的主要内容
  • <mark> 高亮文本
  • <nav> 链接的容器
  • <section> 文档的部分内容
  • <summary> 展示details标签的标题
  • <time> 表示时间,属性datetime记录机器可读的时间,用于保存到日历等场景

参考资料