考虑下面的英雄节:
<div>
<h1>Welcome to Our Site</h1>
<subtitle>The place of your dreams.<subtitle>
<a href="/next-page">Get Started</a>
</div>
显然，<subtitle>不是一个标签。通常情况下，你要么放一个p或div，或块级span(当然用css修改)。
然而，我实际上不知道哪一个是写副标题的正确做法。
- 它不是
h2，因为它不是标题，它是副标题。 - 从技术上讲它不是一个段落，所以对我来说
p标签并不完全有意义。 divs我认为是在一个网站上分离内容，但它真的是唯一一个有意义的我使用，因为它有这么多的用途。- 如果
spans是块级标记，我可能会使用它，但只是因为我通常将它与文本关联。
我通常使用divs，但它对我来说仍然很奇怪。
让我们假设有一个标准，它只能是一个标签…
我应该为字幕使用哪个标签?哪一个在语义和整体上更有意义?
这基本上取决于你的(子)标题的特定上下文。由于HTML提供了一定的层次结构和元素结构，当使用依赖于这种结构的屏幕阅读器时，这变得更加重要，你可能会问自己，副标题最属于哪一个父级，或者它是否应该被视为"独立的"。
因此，考虑到它是h1元素的一个补充，我将把它包装到h1中的small标记中，如下所示，以保持两者的直接关系，同时提供选项(在语义上和视觉上)将其标记为子元素。视觉外观(字体大小、换行符)可以用CSS添加。HTML本身应该只关注结构。
<h1>
Main title
<small>Subtitle</small>
</h1>
使用h2元素也可以，但是我认为它更像是一个"子章节"。有自己的内容。在这里，通常使用多个h2作为h1的子元素，而使用small的第一种方法只对单个子元素有意义。