html基础知识(一) ---- div、span、labelq区别

来源:互联网 发布:用什么画网络拓扑图 编辑:程序博客网 时间:2024/06/05 22:42

1、 div和span区别:

div: 指定渲染html的容器span: 指定内嵌文本容器通俗的讲: 如果里面还有其他标签的时候就用div,如果里面只有文本就应该用spandiv是一个块级元素,用来为html文档内大块的内容提供结构和背景span是行内元素,在行内定义一个区域(也就是一行内可以被<span>划分好几个区域)div标签中可以镶嵌span标签,div可以看做是一个大容器,span是一个小容器

2、 span和label区别:

label: 主要用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获取输入焦点span: 是对普通的文本的一种容器附: 1.label标记为标注标记,该标记支持与其他用户交互式控件进行绑定,并代替被绑定控件触发相应的事件,绑定的方法是: 将for属性值指定为目的控件(绑定控件)的ID。一般情况下,在使用单选框和复选框时用label绑定比较常见。2. label中两个属性非常有用,一个是for,一个就是accesskey3. for属性: 表示label标签要绑定的html元素。你点击这个标签的时候,所绑定的元素将获取焦点用法: <label for="inputBox">姓名</label><input type="text" id="inputBox"/>4. accesskey属性: 表示访问label标签所绑定的元素的热键,当按下热键,所绑定的元素将获取焦点用法: <label for="inputBox" accesskey="N">姓名</label><input type="text" id="inputBox"/>局限性: accesskey属性所设置的快捷键不能与浏览器的快捷键冲突,否则浏览器的快捷键的优先级高