HTML中标签如何正确使用

Question

如题所述

Answer 1

如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
有两种使用方法：
方法1：

<label for="userName">用户名：</label><input type="text" id="userName"/>

方法2：

<label>用户名：<input type="text"/></label>

当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式。

<label><input type="radio" />性别</label>

在HTML里，每一种HTML标签都有自己的意义，在做页面的时候选择适合的标签，少使用DIV，Span这些无语义的标签，只有在无法确定使用什么标签才使用DIV。