div、span、label标签的区别

1.div

<div> 可定义文档中的分区或节（division/section）。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

div是一个块级元素，用来为HTML文档内大块的内容提供结构和背景

2.span

<span> 标签被用来组合文档中的行内元素。（也就是一行内可以被<span>划分好几个区域）

通俗地讲就是如果里面还有其他标签的时候就用div，如果里面只有文本就应该用span

span是对普通的文本的一种容器。

3.lable

label标签主要用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

label标记为标注标记，该标记支持与其他用户交互式控件进行绑定，并代替被绑定控件触发相应的事件，绑定的方法是：将for属性值指定为目的控件（绑定控件）的ID。一般情况下，在使用单选框和复选框时用label绑定比较常见。

转载于:https://www.cnblogs.com/cmslby/p/5945059.html