小小子

label标签，我用的很少，甚至很长一段时间内，我都讨厌这个标签，认为其白白增加了DOM的层级数目且一点作用没有。然而这是大错特错的。

label有着自己的语义——标签，标记。所以本篇HTML标签语义化，我将为您介绍这个可怜的家伙，label。

label的意义

Some form controls automatically have labels associated with them (press buttons) while most do not (text fields, checkboxes and radio buttons, and menus).

For those controls that have implicit labels, user agents should use the value of the value attribute as the label string.

你可以这样理解它，label标签为每个input标签定义一个标记。从用户的角度来看，你几乎看不到这个标签有什么特殊的含义：其在浏览器上无任何特殊的显示方式，既不是斜体也不加粗。然而对那些使用鼠标的用户来说(you and me)，其改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

label的语法定义

• <label>和</label>总是成对出现的
• 在label标签中的内容是要显示的文字
• label标签的 for 属性应当与相关元素的 id 属性相同

label的用法举例

说的这么多，大家看一下效果吧。

在线演示，大家就去w3school看吧，经典哦~~