在HTML中使用<label>是否重要？

Question

请原谅我可能非常愚蠢的问题,但我的好奇心正在扼杀我,而且我是新手,但是你在标记中使用了重要的标签,为什么？

即

<label for="birthdate">Birthdate:</label>
<input type="text" id="birthdate" name="birthdate" />

为什么我必须标记这个输入,为什么它对用户有益,为什么对将来的使用有益,或者它是搜索引擎优化的东西.这就是我真正想知道的:)

Answer 1

这有很多重要原因:

• 单击标签将重点放在
  文本字段上,这是很多用户所期望的.
• 这对可访问性原因很有帮助.
• 用户怎么知道哪个字段是哪个？你可以只使用文字或跨度或东西,但为什么会这样？
• 它导致更多的语义标记.

Answer 2

它有助于可访问性,例如屏幕阅读器.

对于像复选框这样的东西,它允许用户点击标签,而不仅仅是复选框本身(试试吧!).

Answer 3

这对于可访问性非常重要,因此使用屏幕阅读器的盲人可以轻松地判断哪个文本框适用于哪个内容,因为否则他们的软件无法从页面结构中分辨出活动文本框的用途.此外,单击标签将聚焦适当的输入控件,这很方便.