Great question! Let's break down what you need to know about non-standard heading tags like <h7> or <h8>:

1. 官方标准里没有h7及以上的标题标签 #

HTML规范（包括最新的HTML5）**仅定义了<h1>到<h6>**这六个层级的标题元素，用来构建文档的语义化层级结构——从最核心的页面主标题<h1>，到最次要的小节标题<h6>。这是所有浏览器和前端工具共同遵循的标准。

2. 写了<h7>这类代码会发生什么？ #

虽然你可以在代码里写出<h7>Hello World!</h7>这样的标签，大部分现代浏览器会出于容错性，把它当作一个未知的行内/块级元素渲染，但：

• 它没有内置的标题样式（不像h1-h6有默认的字体大小递减规则），默认表现和普通文本或<span>类似；
• 辅助技术（比如屏幕阅读器）不会识别它为标题元素，会破坏页面的可访问性，导致视障用户无法正确理解文档结构；
• 不同浏览器的渲染行为可能存在细微差异，兼容性无法保证。

3. 想要更多层级的文本样式怎么办？ #

如果需要视觉上类似“更小号标题”的效果，建议用标准元素配合CSS实现，既符合规范又能保证兼容性：
比如：

<p class="sub-heading">Hello World!</p>

对应的CSS：

.sub-heading {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0;
}

这样既可以自定义样式，又不会破坏文档的语义结构和可访问性。

内容的提问来源于stack exchange，提问作者Tempy