Question

我正在为我的问题浏览相关问题，但我似乎找不到答案。无论如何，我想知道当我已经在我的网站上使用两个（p和div标签）作为纯文本时，我仍然可以使用p或div标签而不是标头标签。原因是我只想在我的网站中有一个标题标记h1。我试图调整一些部件，并在途中迷路了。可悲的是，经过几次测试后，它无法正常工作......我想知道是否可能或者是否有任何其他HTML标签我可以使用除标头标签之外的其他标签。你们的任何回应都将非常感谢。 =）

Answer 1

您可以随意制作<p>外观，例如：

<p class="header">This is a header</p>

与

p.header { font-size: 200%; font-weight: bold; }

但我建议反对它。原因是HTML（表面上）是语义的，所以如果你声明：

<h3>This is a header</h3>

你实际上是在（语义上）说给定的文本是某种类型的标题。请记住，您有<h1>到<h6>，您可以选择使用哪一个。无需使用<h1>来使用<h2>等等。

对于那些有视力障碍的人来说这也很有用，因为那些使用屏幕阅读器但标题不会被标注为标题的东西。您应该尽可能地满足可访问性问题。

Answer 2

你应该不将div，span或p的样式看作一个标题，然后在h1-h6之外使用它。这与经验法则背后的精神完全相反，你不应该在页面上有一个以上的h1。

Answer 3

您可以一遍又一遍地使用P和DIV标签。如果需要，请将它们设置为H1的样式。

p.title {
  font-size:18px;
  font-weight:bold;
}
p.header2 {
  background: url("bg.jpg");
}

-

<p class="title">My Title</p>
<p>And this paragraph will simply be regular text.</p>

<p class="title header2">My Other Title, with a Background Image</p>
<p>And this paragraph will also be regular text.</p>

Answer 4

<span>也是一个有用的补充。

Answer 5

不要忘记记住您网站上的SEO。想必这就是为什么你只需要一个H1标签？

Answer 6

<span> <strong>和<em>是您可以在<p>代码中使用的其他内容。

Answer 7

我会使用<div>或<span>标记，并使用ID或类来控制样式。如果您想重复此样式，则只使用一次实例或类时使用ID。你也可以在一个元素上使用多个类

例如

<div id="text">Text Here</div>

<span class="red">This would be red</span>

<div class="red big">This would be big and red</div>

用css

#text{ font-size: 20px; }
.red{ color: red; }
.big{ font-size: 40px; }

希望这会有所帮助

Answer 8

您可以使用多个h1或h2，只需将它们定位为：

<div id="header"><h1>Title of page/h1></div>
<div id="main"><h1>Title of article</h1></div>

#header h1{ color:red;}
#main h1{ color:blue;}

这不是你所要求的。我怀疑谷歌比单一的H1方法更聪明。

除了标题<h1> </h1> <h2>之外的HTML元素，等等</h2>

8 个答案: