HTML <div>块标签

div以内容用块来区分(可理解为一个容器)，所谓区块是指一行以及以上的数据，div 用于搭建网站结构（框架），排版布局。可以装图片，文字，动画等。

案例

<div style="color:#0000FF;border:1px solid red">
  <h3>第一章</h3>
  <p>第一段文字。</p>
  <p>第二段文字。</p>
  <p>第三段文字。</p>
</div>

div块元素

<div style="border:1px solid blue">
	<p>我是父div，我的里面有两个子div</p>
	<div style="border:1px solid red;margin :5px">
	  <p>我是第一个子div</p>
	</div>
	<div style="border:1px solid red;margin :5px">
	  <p>我是第二个字div</p>
	</div>
</div>

div嵌套

div和table布局区别

div和table都可以用来做页面布局，以下看看它们的区别

• 加载方式：div即读即加载，table完成后加载

• 精简代码:div的布局精简代码，table较为繁琐

• 灵活性：div浮动层叠灵活，TABLE进行布局的网站是不能通过W3C验证的

• 搜索引擎友好：使用div布局比table布局对搜素引擎更加友好。

span与div

<span>在CSS定义中属于一个行内元素，而<div>是块级元素，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行。我们可能通俗地理解为<div>为大容器，大容器当然可以放一个小容器了,<span>就是小容器。块

支持浏览器

全局属性

<div>标签支持HTML 全局属性

事件属性

<div>标签支持HTML 事件属性