Html 什么时候应该使用标签元素？_Html

Html 什么时候应该使用标签元素？

html

Html 什么时候应该使用标签元素？,html,Html,我正在学习一些HTML，我对标签元素的用法感到困惑，因为我在许多地方发现了它，在表单中输入，optgroup标记了select元素中的节，在textareaelemt之前，等等那么，什么时候使用它，什么时候避免以错误的方式使用它，是否有一个规则？尤其是在HTML5中？它应该仅与其他元素一起使用。它可以在现有表单控件之前、之后或周围。这里有一个例子男性女性标签：此属性将定义的标签与另一个控件显式关联因此，当您想要显示文本框、复选框等其他控件的某些文本或标签时，应该使用标签属性

我正在学习一些HTML，我对

标签

元素的用法感到困惑，因为我在许多地方发现了它，在表单中输入，

optgroup

标记了

select

元素中的节，在

textarea

elemt之前，等等

那么，什么时候使用它，什么时候避免以错误的方式使用它，是否有一个规则？尤其是在HTML5中？

它应该仅与其他元素一起使用。它可以在现有表单控件之前、之后或周围。这里有一个例子


男性


女性

标签：此属性将定义的标签与另一个控件显式关联

因此，当您想要显示文本框、复选框等其他控件的某些文本或标签时，应该使用

标签属性
重要的是
存在时，此属性的值必须与同一文档中其他控件的id属性的值相同。如果不存在，则定义的标签与元素的内容相关联
元素应与表单字段一起使用：大多数类型的
、
和
。If具有保存相关元素的id
的for
属性。因此，如果单击标签，相关元素将被聚焦
不，它不是HTML5独有的：）
标签可以与表单元素结合使用，例如，
。单击标签会自动将焦点更改为连接的元素
将标签与元素连接有两种方式：
将元素放入标签内
为标签添加for
属性，其中for
值是需要连接的元素的id
示例（摘自）：

标签
我爱你，我爱你
洛雷姆

Ipsum

多洛

坐阿梅特
所以它只用于表单控件？不，在表单之外有其他元素，对吗？不，你也可以在表单之外使用它。所以，表单之外没有标签？事实上，我相信它们在表单之外不是无效的，而是在创建表单字段时考虑到的。请参阅。标签
元素将与输入
和选择
等控件关联。控件最常用于表单内部，如表单字段，但也可能出现在表单外部，因为它们通过表单属性（HTML5）与表单相关联，或者更常见的是，因为它们有JavaScript实现的功能。@JukkaK.Korpela感谢准确的定义。请注意，在主体内部，一个与任何控件无关的标签元素不会使HTML无效（w3c验证程序允许它通过）。
<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br>
  <input type="submit" value="Submit">
</form>

<label for="textinput">Enter data here</label>
<input id="textinput>"

<input type="checkbox" id="checkbox">
<label for="checkbox">What this box does</label>

<input type="radio" id="radio_opt1" name="radiogroup">
<label for="radio_opt1">Option description</label>
<input type="radio" id="radio_opt2" name="radiogroup">
<label for="radio_opt2">Option description</label>

<label for="select">Select an option</label>
<select id="select">
    <option>Some option</option>
</select>

<label for="textarea">Enter data into the textarea</label>
<textarea id="textarea"></textarea>

<select>
    <optgroup label="First group">
        <option>Some option</option>
    </optgroup>
    <optgroup label="First group">
        <option>Some option</option>
    </optgroup>
</select>

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>LABEL</title>
 </head>
 <body>
  <form action="handler.php">
   <p><b>Lorem ipsum dolor sit amet...</b></p>
   <p><input type="checkbox" id="check1"><label for="check1">Lorem</label><Br>
   <input type="checkbox" id="check2"><label for="check2">Ipsum</label><Br>
   <input type="checkbox" id="check3"><label for="check3">Dolor</label><Br>
   <input type="checkbox" id="check4"><label for="check4">Sit amet</label></p>
  </form> 
 </body>
</html>