h1标签类(备用)

Question

我知道h1标签对SEO很重要,所以我的标题都是H1(bravo!)

现在,我需要在某些页面上有一个标题(作为文本的第一行)略有不同.

通常,我只是将h1复制为h2和alternate.

问题:是否可以在标题标签中添加一个类...(我试过没有成功)

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属性是可以与元素一起使用的核心属性的属性组coreattrs中的 a .h1

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