可以在同一页面上使用多个h1标签，但是将它们的样式设置为不同吗？

小编典典

css

我有一个网页，在各种DIV中多次使用h1标签，并且我将每个div的h1样式设置为适当的大小。

例如…

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

这样好吗我担心SEO。

最好的方法是什么？还是我什么都不担心？

阅读 804

2020-05-16

共1个答案

小编典典

我认为，您无需担心，这样做是可以的。

H1将您的部分内容指定为一级标题。因此，如果您的导航div中有第一级标题（例如<H1>Navigation Menu</H1>），那么当然应该是#nav h1。

是否在内容中包含多个H1取决于：如果您有一个博客并且每个条目都有其自己的标题，则它们将为H1。但是，如果您的博客本身具有标题（例如<H1>My Blog!</H1>），则博客条目标题应为H2。

但这仅仅是理论。寻找可读的语义标记。您可以通过查看html并问自己：可读性最佳吗？如果我以其他方式这样做会提高可读性吗？答案因项目而异。

2020-05-16