logo标签列表

H1标签类（备用）

htmlcssseo
8

我知道h1标签对于SEO很重要，所以所有的标题都是H1（太棒了！）

现在，我需要在某些页面上将标题（作为文本的第一行）稍微改变一下。

通常，我只是复制h1作为h2并交替使用。

问题是：是否可以向标题标签添加类...（我尝试过但没有成功）

请发布您的代码或网址。 - Asaph
我尝试了span，但它搞砸了边距/填充。 - menardmam
8个回答
21
您可以像这样设置标题的样式： 

h1 { color: red; }

或者像这样：

<h1 class="fancy">Fancy</h1>

.fancy { font-family: fantasy; }

如果不起作用：

  • 检查是否有旧样式表缓存（按Ctrl + F5重新加载）
  • 检查是否有任何规则覆盖您的类（使用Firebug或类似工具进行检查非常有帮助）。
  • 检查HTML和CSS中的拼写错误

编辑：

听起来你使用了h1 .myClass而不是h1.myClass - 两者之间有一个重要的区别：

h1 .myClass { } /* any element with class="myClass" within an <h1> */
h1.myClass  { } /* any <h1> with class="myClass" */
14
抱歉，它什么也不做！ - menardmam
1
@marc-andre menard：class属性只是为了在给定的类中识别该元素。你希望它做什么？ - Gumbo
抱歉，我的错误，复制H1并将其更改为小写的h1 .someclass。 现在它可以正常工作了，没有使用H1标签，只有类名！ - menardmam
如果您想选择特定类别的h1元素，请使用h1.someclass CSS选择器。 - Gumbo
9
听起来你在页面上使用了h1来作为所有标题的标签。通常情况下，一个页面只应该有一个h1标签来描述页面内容（其中文本至少部分匹配页面标题），而对于不同部分的标题，则应该使用较小的标题标签。这样可以向搜索引擎提供关于页面上最重要内容的最多信息。当然，也有一些页面不适用于这种模式，但是大多数页面都适用。
有许多不同的方法可以指定标题的样式，例如：
对于所有的h1标签：
h1 { font-weight: bold; }

对于所有的 h1 和 h2 标签：

h1, h2 { margin: 10px; }

针对具有 id="main" 的元素内的所有 h1 标签：

#main h1 { background: #ccc; }

针对所有 class="Info" 的 h2 标签：

h2.Info { color: #000; }

针对具有 class="More" 属性的元素内所有 h3 标签：

.More h3 { text-decoration: underline; }
3

您可以给 <h1> 标签添加一个类。就像这样：

<h1 class="myclass"> ... </h1>

您可以轻松地按照以下方式设置其样式：
<style type="text/css">
.myclass { color : green }
</style>
1

以下代码应该可以正常工作：

<html>
<head>
<style type="text/css">
h1.custom {
    color: red;
    font-size: 16px;
}
</style>
</head>
<body>

<h1 class="custom"> test </h1>
</body>
</html>
0

<div class='row' id='content-wrapper'>
  <div class='clear'/>
  <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <div id='error-wrap'>
      <h1 class='error-item'>404</h1>
      <h2>Page Not Found!</h2>
      <p>Sorry, the page you were looking for in this blog does not exist.</p>
      <div class='clear'/>
    <a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> Go To Home</a>
  </div>
3
在回答问题时，加入一些解释来帮助OP解决当前问题。 - ρяσѕρєя K
0

<title>标签位于<head>部分，因此将其添加类不是很有意义。

但您可以为<h1>标签添加类。

<h1 class="title">
0
考虑两个选择器.myClass和h1.myClass，当HTML为<h1 class=myClass>...</h1>时。
这两个选择器的工作方式有一个重要的区别。在多年使用它们作为同义词之后，我才意识到这一点。
在第一种情况下，.myClass的规则优先于h1的任何规则。而在第二种情况下，h1的规则（如果有）优先于h1.myClass中的规则（除非它们被标记为!important）。"优先"意味着如果两个规则中都有相同的属性，则应用具有优先权的规则，另一个规则将被忽略。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接