Question

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

现在，我需要在某些页面上有一个标题（作为文本的第一行）。

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

问题：是否可以在标题标签中添加一个类...（我试过没有成功）

Answer 1

您可以像这样设置标题样式：

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" */

Answer 2

当然可以：

<h1 class="someclass">…</h1>

class attribute是attribute group coreattrs of core attributes中可以与h1 element一起使用的内容。

Answer 3

听起来您正在使用h1页面上的所有标题。通常，页面上会包含一个h1标记，用于页面包含的内容（文本至少部分与页面标题匹配），以及内容不同部分标题的标题标记较少。这样，您可以向搜索引擎提供有关页面上重要内容的大部分信息。当然有一些页面不适合这个模型，但很多页面都适用。

您可以通过多种方式为标题指定样式。例如：

适用于所有h1代码：

h1 { font-weight: bold; }

适用于所有h1和h2代码：

h1, h2 { margin: 10px; }

对于h1元素内的所有id="main"代码：

#main h1 { background: #ccc; }

适用于h2的所有class="Info"代码：

h2.Info { color: #000; }

对于h3元素内的所有class="More"代码：

.More h3 { text-decoration: underline; }

Answer 4

您可以将类添加到<h1>标记中。像这样：

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

您可以像这样轻松设置样式：

<style type="text/css">
.myclass { color : green }
</style>

Answer 5

＆lt;标题＆gt;标签在你的＆lt;头＆gt;部分，所以向它添加一个类是没有意义的。

您可以在＆lt;中添加一个类。 h1＆gt;但是，标签。

<h1 class="title">

Answer 6

以下内容应该有效：

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

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

Answer 7

<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>

h1标签类（备用）

7 个答案: