Question

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

示例：

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

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

通常，您不希望将块元素（例如标题标记）放在内联元素（例如标签）中。但是，您可以随时更改其显示样式。

另一件需要记住的事情是标题标签应保留用于标题。应为标签保留标签标签。 在你的情况下，标签内的h1标签不会有意义＆＃34;因为它不是页面的标题。您可能希望使用不那么突出的，例如span，但要让它看起来像你想要的那样。

Answer 2

标签应该用作标题，不需要<h1> <h2>等。有效标记看起来像

<label>
    Username
    <input />
</label>

您可以使用<input />属性将<label />移到for=之外，或者将<input />保留在标签内。

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

See more here

标签中的HTML标题元素

2 个答案: