将 h1 样式设置为等效于 font-size:none答案

【问题标题】：Setting an h1 style to the equivalent of font-size:none将 h1 样式设置为等效于 font-size:none
【发布时间】：2014-08-08 07:12:45
【问题描述】：

我的句子的字体大小由分配的类决定。例如

.font24{font-size:24px;}

现在我想将其中一个句子放在 h1 标签中，这样 Google 就会看到一些结构并意识到这是需要索引的重要内容。但我不希望将默认的 h1 样式应用于句子，这将覆盖 .font24 类样式。所以看起来我需要定义一个新的 h1 样式，但是我应该放什么来取消之前的 h1 声明已经应用的字体大小？似乎没有 font-size:none 像 text-decoration:none 一样。

谢谢。

【问题讨论】：

What's the correct way to hide the <h1> tag and not be banned from Google?的可能重复
这不是 CSS 的本意……
如前所述，没有font-size: none，但标题要求为它提供等价物。
这个问题似乎是题外话，因为它是关于 SEO。
引用的问题 - 隐藏
标签而不被 Google 禁止的正确方法是什么？ - 一点也不像我的问题。我不想隐藏 h1 标签。我只想覆盖它的浏览器默认格式。其次，问题是关于样式化 h1 元素。仅仅因为谷歌使用 h1 元素来索引页面并不意味着问题是关于 SEO。

标签： html css

【解决方案1】：

您可以通过应用以下 css 来解决此问题：

h1{
  font-size: 0;
  font-weight: normal;
  margin:0;
}
.font24 {
  font-size:24px;
}

使用这样的 HTML：

<h1 class="font24">This is my example example</h1>

检查小提琴：http://jsfiddle.net/tralala/p8eh2rfd/4/

【讨论】：

你是什么意思，“使 h1 不可见”？谷歌会看到吗？这就是我所关心的。
检查小提琴。你是这个意思吗？
是的，文本仍然存在，但应用的样式将其字体更改为 0 大小 - 这仅适用于未使用附加类的 h1 标记，无论如何都不会是您的情况。
好的。知道了！顺便说一句，h1 的新样式还需要包含一个 margin:0 以保持它的所有浏览器样式安静。 - 谢谢。
嘿，谢谢 ;) 一开始我没有注意到。我也将它添加到答案中。

【解决方案2】：

改用零：

.font24{font-size:0px;}

【讨论】：

请简要说明您的答案如何发挥作用，以使其对读者更有用。
如果它不显示文本谷歌将如何索引它？
google 将通过代码而不是网页中显示的代码。

【解决方案3】：

最好的方法是使用visibility:hidden;

您可以创建另一个类以添加到当前的 .font24

例如创建一个名为 .hidden 的新类并将其合并到当前类：

示例

.font24.hidden{visibility:hidden;}

【讨论】：

标签而不被 Google 禁止的正确方法是什么？ - 一点也不像我的问题。我不想隐藏 h1 标签。我只想覆盖它的浏览器默认格式。其次，问题是关于样式化 h1 元素。仅仅因为谷歌使用 h1 元素来索引页面并不意味着问题是关于 SEO。