标签中的 HTML 标题元素

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 8 年前。

Improve this question

当我需要放置标题时，我使用 h-number标签。但如果我需要 label 中的标题，例如，我应该使用 h-number ，也？

示例:

<label ...>
    <h1>Username</h1>
    <input ... />
</label>

Answer 1

没有必要这样做。只需使用样式

label,
label span {font-size: 20px; font-weight: bold}

<label for="username-input">Username</label>
<input type="text" name="username" id="username-input">

<!-- Or, if you want the input inside of the label -->
<label>
  <span>Username</span>
  <input type="text" name="username">
</label>

通常，您不希望将 block 元素(例如标题标签)放置在内联元素(例如标签)内。但是，您始终可以更改它们的显示样式。

要记住的另一件事是标题标签应该保留用于标题。标签标签应该为标签保留。 就您的情况而言，标签内的 h1 标记没有“意义”，因为它不是页面的标题。您可能希望使用不太突出的东西，例如span，但要使其看起来像您想要的那样。