Question

我的问题是假设我们有一些文字，比如＆＃34;和我们一起享受这一天＆＃34;它的字体大小，字体粗细，行高与H2标签相同，但此文本不是标题或副标题文本。所以现在我的问题是本文应该使用什么？如果我们使用H2标签，那么我们只需要编写font-family，如果我们使用P标签，那么我们需要应用所有这些属性 font-size，font-weight，line-height和font-family。

此方案的标准做法是什么？

Answer 1

此方案的标准做法是什么？

使用标签不是关于演示文稿，而是关于semantics。如果您使用各种h1，h2等标记，则会提供有关其中文本内容的含义的信息。这样可以读取文档中有关文档结构和含义的信息。规范中有section about the semantics of headings and sections。

以下标记告诉软件读取文本＆＃34; Web Semantics＆＃34;是文档中内容的标题，因此以下段落可能与Web语义相关：

<h1>Web Semantics</h1>
<p>Blah blah blah blah</p>

相反，如果你有这个：

<div>Web Semantics</div>
<p>Blah blah blah blah</p>

然后即使div的样式看起来就像h1一样，您的文档中也没有关于文本含义的信息＆＃ 34;网络语义＆＃34; （在您的文件中）。

这对于内容提取非常重要，包括广受欢迎的SEO。

Answer 2

<h1> <h2>等标签应用于表示文本块是标题。

它不应该必然用于使文本变粗，变大等。但是通常标题会使文本更加突出（例如更大胆，更大）文本（例如<p>）它正在前进。

标题也应该是分层的，例如

<h1>Main heading</h1>
<p>Introduction text</p>
<h2>Section</h2>
<p>Further text</p>
<h3>Sub section</h3>
<p>Further text</p>
<h2>A new section</h2>
<p>New sections text</p>

等

BBC have some good guidance on semantic use of headings。

Answer 3

不要假设任何H元素的样式。浏览器仅应用某些默认样式，以防您的页面未指定。但元素主要有语义值。

<Hx>元素用于标题。如果您的文字是段落而不是标题，请使用<P>。

现在大多数网页都会重置大多数元素的默认样式，以引入自己的样式。那没关系。那么，为什么不使用<P>呢？就像我说的那样，使用特定的元素为文档提供了一个语义结构，这使得它可以被搜索引擎和屏幕阅读器轻松阅读（为视障人士阅读助手）。

如果你想改变事物的外观，使用CSS并且不要依赖浏览器提供元素的默认样式。

Answer 4

嗯，这是一个非常普遍的问题。有很多方法可以决定何时使用哪个标题标记...

一些最常见的原因是：

构建内容 - 标题使其看起来很突出。
SEO - 是的，SEO优化很大程度上取决于你如何使文章的标题具有吸引力......

您可能想要关注的一些链接：

http://www.kenkai.com/seo-blog-article-249.htm

http://www.hobo-web.co.uk/headers/

Answer 5

您的标记应该是语义的，因此您应该对相关内容使用适当的元素。如果它不是标题，请不要使用标题标记。最好使用p或其他标签。为了便于使用，如果经常重复这种风格，你可以附上一个类。

Answer 6

使用HTML标题时，确保您的代码在语义上是正确的。这是H1最大的主要原因（如果你没有造型），因为这是你网页的主要“标题”。 H2用于与您的页面相关的内容，但不是主页标题（例如文章），但它不太重要。

<h1>News Page</h1> <h2>StackOverflow Is Awesome</h2> <p>Lorem ipsum...</p> <h2>StackOverflow Is Even More Awesome</h2> <p>Lorem ipsum...</p>

什么时候使用H1，H2，H3，H4，H5标签？

6 个答案: