标题<h1>标记内的类属性？</h1>

Question

我在某处读过你应该尽量避免在Header标签中使用类或任何样式

<h1 class="story">Here goes the story</h1>

如果我们在标头标签中应用css类会有什么问题吗？

Answer 1

在标头标签内使用css类样式没有问题。 CSS旨在为您的内容设计样式。除了更改更容易，而不是更改20个文件，您只需更改css文件，其想法是将内容与外观分开。该标准不仅符合标准，还提高了可用性，减少了带宽使用，并有助于在搜索引擎中更好地为您的网页编制索引。

Answer 2

我不明白为什么会出现这个问题。没有任何问题可以说。

只有你想要记住的是明确的关注点分离。如果您开始添加类属性：

<h1 class="blue">I'm blue text!</h1>
<h6 class="small">I'm small text!</h6>

blue和small显示样式渗透到您的标记中。这既冗长又不必要。这当然适用于所有HTML元素，而不仅仅是标题。

Answer 3

样式h1没有任何问题。 CSS只是DOM的装饰器，所以你应该使用它。这有很多不同的含义。例如，您可以有100个h1标签，但其中10个为红色，其中50个为Arial字体，依此类推。这就是它实现CSS的原因，即使它仍然是一个糟糕的解决方案，它是我们拥有的最好的。即使从SEO角度来看，在页面中有100个h1标签也是不正确的，因此在设计样式时没有问题。基本上因为页面的视觉识别概念与人类感知有很大关系，而不仅仅是爬虫的意见。

因此答案是：继续设置您想要的任何标签，优化搜索引擎优化和网站本身就在其他地方。