【问题标题】:Is it possible to create html tags h7, h8, h9 and so on [duplicate]是否可以创建html标签h7,h8,h9等[重复]
【发布时间】:2014-03-25 15:15:46
【问题描述】:

这是一个新手问题。是否可以创建更多的标题样式,如 h7、h8 等。我只是想知道一个网站上是否可以有超过 6 种不同类型的标题。

【问题讨论】:

  • 为什么需要它们?只是为了设计目的吗?
  • 请在提出新问题前进行搜索
  • 感谢@Unykvis,我有必要拥有超过 6 个标题是的。
  • @user3380148 无论您尝试创建什么,如果它真的有超过 6 个嵌套部分,它将难以阅读。
  • @LeeTaylor 如果 OP 并不确切知道他在问什么,则不一定会找到被视为重复的问题。我也怀疑当 OP 创建这个问题时,SO 的检测算法是否会发现这些问题中的任何一个。

标签: html css html-heading


【解决方案1】:

HTML 规范定义了 6 个标题。浏览器识别 6 个标题。如果您开始使用<h7> 等,那么您将使用无效元素。

如果您发现自己需要<h7>,那么您可能应该看看您是如何构建网站的。不是每一个标题都应该有一个标题元素。

【讨论】:

  • 谢谢@Brian 我将重组我的网站并更好地利用已接受的 6 个标题。
  • 只要 OP 使用 HTML5,拥有 <H7> 的 html 是完全有效的
  • 在 html 5 中根本不是无效元素
  • <h7 role="heading" aria-level=7"> 为您可能需要的任何 h7 提供缺少的语义。我建议还使用display:block; 和特定的字体大小对其进行样式设置。这是完全有效的。
  • @brennanyoung,这应该是一个答案;)
【解决方案2】:

您可以在页面上创建您想要的任何元素,但我认为您的问题是它是否会被浏览器等用户代理正确解释。浏览器将允许您在 DOM 上创建、应用样式和访问任意创建的元素,无论它们是否符合您声明的 DOCTYPE 所暗示的规范。

但是,一般来说,最好避免创建深度嵌套的结构;用户发现很难遵循这样的层次结构。此外,正如 cmets 中链接的其他答案所指出的那样,页面可访问性、SEO 或脚本兼容性可能会产生意想不到的后果。我还没有找到真正需要如此深度嵌套层次结构的用例,除非将长法律文档作为单个 HTML 页面发布。

【讨论】:

  • 感谢@Palpatim 我将重组我的网站并更好地利用已接受的 6 个标题。
【解决方案3】:

一般来说,您可以根据需要创建任意数量的标题,但它们必须定义为类。因此,如果您正在考虑为组织目的制作超过 6 个标题,请执行以下操作:

.h7{
    color: #111111;
    font-size: 16px;
    text-transform: uppercase;
 }

 <p class="h7"> I'm an extra heading </p>

【讨论】:

  • 这不会提供 h1-h6 提供的缺失语义
猜你喜欢
  • 2011-09-06
  • 1970-01-01
  • 2023-03-06
  • 2012-01-14
  • 2021-08-14
  • 1970-01-01
  • 1970-01-01
  • 2021-11-24
  • 1970-01-01
相关资源
最近更新 更多