html - 除了标题之外的 HTML 元素

Question

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

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's.

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>or<span>标记并使用 ids 或 classes 来控制样式。如果你想重复这种风格，如果只有一次实例或类，则使用 ids。您还可以在一个元素上使用多个类

例如

<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 方法更聪明一些。