模式窗口中什么标题级别合适？

Question

在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为将 HTML 标题放在 div 中最合适吗？:

<h1>Title</h1>
<h5>Title</h5>
<div class="modal-title h4">Modal title</div>

在 Bootstrap 网站 他们选择 H5 或 H1。 并且 React Bootstrap 添加了 .h4 类并删除了 HTML 标题：

您认为最正确的是什么？ 是不是有点混乱？我发现有很多差异。

如果我放置 H5 并且我的网站上已经有 H5，这是否正确？

如果我将 H1 放入我的模态中，并且显然我的主网站上已经有 H1，这样可以吗？

我们应该根据项目的需要来使用标题吗？ 有没有100%无可争议的真理？

Answer 1

MDN 文档建议不要以这种方式在页面上使用多个

h1

元素：

注意：旧版本的 HTML 标准允许在嵌套分段元素中嵌套多个元素。然而，这从未被认为是最佳实践，现在也不符合要求。阅读更多内容没有文档大纲算法。

我不怀疑这方面有一个标准，并且建议根据页面的其余部分使用最有意义的元素级别。如果您担心语义，您可能需要考虑使用

<dialog>

元素 (docs) 而不是

<div>

。