Html 如何制作新的标题标签号，如h7、h8等。？

如何在

HTML

中创建另一个标题

我使用了

，

，

，

，

和

，现在我想添加

和

，因为我需要使用不同的文本类型

---

如果你不能做到这一点，除了

和
-
之外，还有什么方法可以调用
CSS
表单来获取文本？
你可以在样式表中声明这一点

h7, h8, h9 { /* You can just go on adding headings */
   display: block; /* Because this is block level element */
}

h7 {
   font-size: /*Whatever */ ;
}

h8 {
   font-size: /*Whatever */ ;
}

但我建议你不要这样做，因为它没有任何语义意义，从SEO的角度来看，它也会很糟糕

再看一下，只需在脚本中添加所需的元素，简单的方法就是使用类

.h7{ font-size:10px;}
.h8{font-size:7px;}

这样做并将其与spans DIV一起使用。

如：

 h7{
        display: block;
        font-size: 0.51em;
        -webkit-margin-before: 2.99em;
        -webkit-margin-after: 2.99em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
    }

如果您确实需要低于第6级的标题（这意味着您的文档在结构和章节嵌套方面与一本大书相对应），请使用具有
class
属性的
div
元素。（使用像
h7
这样的“自定义标记”不符合规范，会在IE中产生问题，并产生使用标题的错觉–它们不会是标题、搜索引擎、大纲结构等）示例：


.h7{字体大小：粗体；页边空白顶部：1em；}
一些文本

（很难在7或8个级别设置标题样式，以便在外观中清楚地反映级别，并且最顶层的字体大小不会过大。）

理论上，您可以使用HTML5
部分
元素来定义文档中部分、章节、小节等的嵌套结构，例如每个
部分
中的
h1
标题。根据HTML5 CR，
节
元素的嵌套定义了标题的级别，因此在嵌套的第7级，
将是第7级标题。但是，即使是对那些通常喜欢HTML5的人来说，这也可能是相当令人困惑的，要在IE的旧版本中实现这一点，您需要
document.createElement（'section'）以及
section{display:block}`以及使用上下文选择器格式化标题的代码

“我需要使用的不同文本类型”的表述表明，您可能只是在寻找元素样式的可能性。在这种情况下，使用
div
或
p
或一些其他元素，根据需要使用
class
属性，以适合内容和结构，并使用CSS进行样式设置。
在我的另一个问题上，这完全无关，我收到了这个问题的答案：


您不能创建标题7，因为只有六个不同的HTML标题（h1、h2、h3、h4、h5和h6；参考：），但您可以使用以下CSS代码创建标题6：

h6.special { color:#464646; outline:0;
    font-family:Raleway, sans-serif; font-size:17px; }

这个HTML代码：

<h6 class="special">I am special!</h6>

<h6 class="raleway">I am raleway!</h6>

这个HTML代码：

<h6 class="special">I am special!</h6>

<h6 class="raleway">I am raleway!</h6>

我是雷威！

这样行吗？
再次感谢您的回答
 目前发布的答案都不完全正确。有些是相当误导的

在html5中，您确实可以使用
h7
、
h8
等等，并使用相应的css选择器来选择它们，但从语义上讲这些不是标题，它们只是语义未知的元素-很像div和span。此外，如果所有浏览器都一致地处理这些“自定义”元素，而不至少为
显示提供CSS值，我会感到惊讶

但是，您可以使用
“heading”
的
角色
属性指定缺少的语义，这对于屏幕阅读器等辅助技术非常重要。它可能（可以想象）在一定程度上影响SEO，但还有许多比这更大的SEO问题

指定高于6的标题级别的正确方法是包含属性
aria level=“7”
（或您喜欢的任何级别）。如果将此属性应用于
h1
-
h6
以外的任何对象，则还需要
role=“heading”

因此，根据以下标准，以下任何“h7”示例均有效且正确：

…
（标题语义由“h1”提供，但7覆盖1）

…
（标题语义由
角色提供）

…
（标题语义由
角色提供）

当然，要在css中选择其中任何一项，您可以执行以下操作：

*[aria-level="7"] {
    font-size:0.5em;
}

最后：不要将不同级别的标题嵌套在彼此内部！众所周知，这会混淆所有的屏幕阅读器，可能也不是有效的HTML。在开始新的标题元素之前，请完全关闭每个标题元素。如果您使用的是
div
，则很容易忽略这一点，并且验证器很可能不会注意到错误。
这对我有什么帮助？我需要添加标题7或替代品来调用css。@Stonydallas我不明白它将如何帮助您？如果你在考虑标准的同时提出问题，那么你不应该使用这个，那么我将如何使用css来设计文本的样式呢？我不同意你在文章中的评论。“它没有任何语义含义”它的语义含义与span，p和div一样多。“从搜索引擎优化的角度来看，这将是不好的”它对搜索引擎优化的影响不会比span，p，div，li更坏。@chrismaric我建议你不要这样做，因为它没有任何语义含义，这是为了他将创建的新标签，所以如果他创建h7，h8，就搜索引擎优化而言，没有语义意义也不重要。你可以使用css属性“字体大小”，“字体大小：10；字体大小：12；…”对于超过六个级别的标题来说，用例是什么？也许有更好的方法。@JukkaK.Korpela在写技术书籍时，很容易做到