首页 > 代码库 > div、span、label标签的区别

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绑定比较常见。

div、span、label标签的区别