本文关键词：html标签
你是不是也遇到过这种情况：打开一个网页，右键查看源码，满屏都是div和span，根本看不出哪里是导航，哪里是文章，哪里是侧边栏？别慌，这不只是你的问题，是大部分初级甚至中级前端都在踩的坑。这篇文章不跟你扯那些虚头巴脑的理论，直接告诉你怎么通过正确的html标签使用，让代码更干净，让SEO更友好，让维护不再像拆炸弹。看完这篇，你至少能改掉80%的无效嵌套习惯。
先说个真事。我前阵子帮一个做电商的朋友优化后台生成的页面。那页面加载慢得像蜗牛，移动端适配也是一塌糊涂。我扒开代码一看，好家伙，为了做个简单的“价格”显示，他用了三层div嵌套，还加了个span，最后用CSS强行改颜色。这不仅是代码冗余，更是语义丢失。搜索引擎爬虫抓取页面时，它不知道哪个是重点，哪个是装饰。如果你用对了html标签，比如用强调重点，用表示重要，爬虫能瞬间get到你的意图。
很多兄弟觉得，div万能，span万能，随便套就行。大错特错。html标签的核心在于“语义”，也就是这个标签代表什么内容，而不是它长什么样。比如，
到是标题，
是段落，
- /
- 是列表，