div和span元素的最大特点是默认没有对元素内的对象进行任何格式的渲染,主要用于应用样式表,最显著的区别在于div是块元素,而span是行内元素。
div是块元素,是另起一行的渲染元素。
span是行内元素,不需要另起一行。
例:
测试<span>紧跟前面的测试</span><div>这里会另起一行</div>
结果是:
测试紧跟前面的测试
这里会另起一行
但是两者可以相互转换:
例:
测试<div style="display:inline">紧跟前面的测试</div><span style="display:block">这里会另起一行</span>
两者一般用于应用样式表,需要分清的是块元素和行内元素的区别,还有两者之间的转换
div指定渲染HTML的容器
span指定内嵌文本容器
div是块元素,是另起一行的渲染元素。
span是行内元素,不需要另起一行。
例:
测试<span>紧跟前面的测试</span><div>这里会另起一行</div>
结果是:
测试紧跟前面的测试
这里会另起一行
但是两者可以相互转换:
例:
测试<div style="display:inline">紧跟前面的测试</div><span style="display:block">这里会另起一行</span>
两者一般用于应用样式表,需要分清的是块元素和行内元素的区别,还有两者之间的转换
div指定渲染HTML的容器
span指定内嵌文本容器