应该使用哪个标签代替<h1>-<h6>做自定义标题?

时间:2019-06-13 12:53:17

标签: html css

您应该使用哪个标签进行自定义标题?因为根据这些网站...

https://www.w3schools.com/html/html_headings.asp W3Schools-注意:仅将HTML标题用于标题。请勿使用标题将文本设置为大号或粗体。

https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content FreeCodeCamp-最后一点,每个页面应始终包含一个(只有一个)h1元素,这是内容的主要主题。

还是例如在我用完所有h1-h6标签的情况下?

将p标记与CSS ID一起使用是否合适?

  • p段落标签没有意​​义
  • h#标题标签,如果我使用CSS更改了某个标题标签号,它将更改具有相同标签号的任何标签
  • 自定义文本格式没有意义,因为它的标签名称严格提示了它的用途

3 个答案:

答案 0 :(得分:1)

您似乎对<h1><h6><hN>)有一些误解。数字N不代表顺序,而是代表层次结构<h1>的标题比<h2>本身更重要,并且在层次结构中更高,<h3>本身比<h1>My Great book</h1> <h2>Chapter 1</h2> <h3>1.1</h3> <h3>1.2</h3> <h2>Chapter 2</h2> <h3>2.1</h3> <h3>2.2</h3> <h3>2.3</h3> <h3>2.4</h3> <h2>Chapter 3</h2> <h3>3.1</h3> <h3>3.2</h3> <h4>3.2.1</h4> <h4>3.2.2</h4> <h3>3.3</h3> 高,等等。参见类似教科书中的章节。

<h1>

这意味着您可以拥有任意多个标题,但有一个例外(主要是出于SEO的原因)。每页只能有一个on_command_error

答案 1 :(得分:0)

您可以使用标题标签,然后使用CSS设置样式 HTML:

<h2>Look at this text</h2>
<h2 class="bigFont">Now look at this text</h2>

CSS:

.bigFont {
font-size:50px;
} // You can change the size 

并且如上所述,仅使用一个<h1>标签使用<h2>标签,像这样

答案 2 :(得分:0)

我认为原因之一是对网站进行排名的网络抓取工具使用了此类标题。这就是为什么您的网站必须至少具有1个<h1>标签的原因。另外,应注意,必须使用<h1> - <h6>中的标题才能获得更好的SEO(搜索引擎优化)。