Can I Use Multiple h1 Inside A Page?

我可以在一个页面里面拥有多个 h1 吗?

是否合规?

一个页面拥有多个 <h1> 是合规的语法

根据 MDN 描述🔗:「尽管多个使用多个 <h1> 在页面中是受 HTML 标准接受的」以及根据 W3C Markup Validation Service🔗 检测,一个页面中拥有多个 <h1> 是 100% 合规的语法。

是否是好的做法?

在 MDN 文件中也有提及「应避免使用多个 <h1> 元素在同个页面上🔗」原因是因为一个页面通常只会有一个 <h1> 用于描述网页的内容。

但占比全世界 90% 以上使用率的搜索引擎 Google 却声明「多个 <h1> 并不影响搜索引擎解读🔗」,应该更加专注在整体网页的架构上,如果一般网站用户能解读那么搜索引擎也能解读。

所以结论是……?

无定论,重点是使用多个 <h1> 前整体网页标题架构是合理的

重点不是在于「是否能使用多个 <h1>」而是「是否能够让用户能够理解网页的架构」,如果网页架构是清楚合理的,那么使用多个 <h1> 并不会影响到 SEO。一个页面有很多个“重磅级标题”的情况非常少见的,如果这么写在阅读结构上是合理的话,使用多个 <h1> 在单个页面之中是完全没问题的。