一、id属性
1、在HTML文档中,任何元素(节点)都有id属性,id属性是该节点的唯一标识,所以在同一个HTML文档中id值不能重复
2、注意:表单提交数据的时候,只和name有关系,和id无关
3、id有什么用?
javascript语言可以对HTML文档中的任意节点进行增删改,那么在增删改之前需要先拿到这个节点,通常我们通过id来拿节点对象
id的存在让我们获取元素(节点)更方便
4、HTML文档是一颗树,树上有很多节点,每一个节点都有唯一的id
javascript语言就是主要就是对这颗DOM树上的节点进行增删改
DOM(Document 文档)树
<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML中元素的id属性</title></head><body><form id="myform"><input type="text" id="username" name="username"><input type="password" id="userpwd" name="userpwd"></form></body></html>
二、div和span
1、最早的网页是采用table进行布局的,但是table不灵活,太死板
现代的网页开发中div布局使用最多,几乎很少使用table进行布局了
2、div和span是什么?有什么用?
div和span都可以称为“图层”,图层的作用是为了保证页面可以灵活的布局,图层就是一个一个的盒子,div嵌套div就是盒子套盒子。
div和span是可以定位,只要定下div左上角的x轴和y轴坐标即可
3、div和span的区别?
div独自占用一行(默认情况下)
span不会独自占用一行
<div id="div1">我是一个div</div>
<div id="div2">我是一个div</div>
(每个div都自己占用一行)
<sapn id="span1">我是一个span标签</sapn>
<sapn id="span2">我是一个span标签</sapn>
(span都在同一行)