HTML中元素的id属性和HTML中的div和span
⼀、id属性
注意：
1、在HTML⽂档当中，任何元素（节点都id属性，id属性是该节点的唯⼀标识。所以在同⼀个HTML⽂档当中id值不能重复。
2、注意：表单提交数据的时候，只和name关系，和id⽆关。
3、id什么⽤？
javascript语⾔：可以对HTML⽂档当中的任意节点进⾏增删改操作。
javascript可以对HTML⽂档当中的任意节点进⾏增删改，那么增删改之前需要先拿到这个节点，通常我们通过id来拿节点对象。
id的存在让我们获取元素（节点更⽅便。
4、HTML⽂档是⼀棵树，树上有很多节点，每⼀个节点都有唯⼀的id。
javascript主要就是对这棵DOM树上的节点进⾏增删改的。
DOM(Document)树。
<body id="mybody">
<form id="myform"action="localhost:8080">
<input type="text"id="myname"name="username"/>
<input type="password"id="mypwd"name="userpwd"/>
</form>
</body>
⼆、HTML中的div和span
1、div和span是什么？什么⽤？
* div和span都可以称为“图层”
* 图层的作⽤是为了保证页⾯可以灵活的布局。
* 图层就是⼀个⼀个的盒⼦，div嵌套div就是盒⼦套盒⼦。
* div和span是可以定位的，只要定下div的左上⾓的x轴和y轴坐标即可。
2、其实最早的⽹页是采⽤table进⾏布局的，但是table不灵活，太死板。
现代的⽹页开发中div布局使⽤最多，⼏乎很少使⽤table进⾏布局了。
3、div和span的区别？
div独⾃占⽤⼀⾏（默认情况下）
span不会独⾃占⽤⼀⾏，它的长度是封装数据的长度
<div id="div1">朴灿烈</div>
<div id="div2">朴灿烈</div>
html span 居中<span id="span1">朴灿烈</span>
<span id="span2">朴灿烈</span>
4.其它标签
<header>
<h1>City Gallery</h1>
</header>
<nav>
London<br>
Paris<br>
Tokyo<br>
</nav>
<section>
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,        with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,        its history going back to its founding by the Romans, who named it Londinium.
</p>
</section>
<footer>
Copyright W3School
</footer>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。