本文最初于2018年9月21日发表于知乎,后来在《重学前端》专栏的学习中,经过审阅整理,发表在Github上,打算写系列文章跟前端学习有关。欢迎加星。简单来说,HTML语义可以理解为:用正确的标签做正确的事。例如:段落使用p标签,标题使用h系列标签,侧边栏使用aside标签,主要内容使用main标签。正确使用语义标签可以带来很多好处。为什么要关心HTML语义?(为什么要用语义标签?)对人:增强可读性,对开发者更友好,不用CSS也能更好的呈现网页的内容结构和代码结构,方便团队开发和维护。对于机器:有利于SEO,可以让搜索引擎爬虫更好的获取更有效的信息。搜索引擎爬虫依靠标签来确定每个关键字的上下文和权重,有效地增加了网页的搜索量。支持读屏软件,方便其他设备(如读屏器、盲人阅读器等)的分析,有利于无障碍阅读,提高可访问性。一些语义类标签引入来显示介绍性内容,通常包含一组介绍性或实用元素以辅助导航。