html - 您应该使用什么标签来制作自定义标题而不是 <h1>-<h6>?

标签 html css

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 4 年前

您应该使用什么标签来制作自定义标题?因为根据这些网站...

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 更改某个标题标签编号,它会更改任何具有相同标签编号的标签
  • 自定义文本格式没有意义,因为它的标签名称严格表明了它的用途

最佳答案

你似乎对<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>


这意味着您可以拥有任意数量的标题,但有一个异常(exception)(主要是出于 SEO 原因)。你应该只有一个 <h1>每页。

关于html - 您应该使用什么标签来制作自定义标题而不是 <h1>-<h6>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56580985/

上一篇:html - 无法垂直对齐 div 中的纯文本以及文本溢出 : ellipsis

下一篇:javascript - 如何修复 .hover 效果卡住

相关文章:

html - 如何用CSS填充父元素背景色?

css - 如何只更改 javafx css 中的左填充

html - 侧边栏与内容一起成长

jQuery:将所有输入(选择、单选按钮、复选框等)的值从页面的一个部分复制到另一部分

html - 按钮在 Outlook 中看起来很糟糕

javascript - 我想通过输入标签为传单标记设置旋转值

javascript - 缩放一个 div 但保持它包含在一定的宽度和高度内

html - 如何固定图像右侧图标的位置

javascript - 无法将背景图像放入另一个图像中

javascript - 带画中画功能的 WebRTC 视频通话