HTML中DIV与SPAN的区别

DIV 和 SPAN元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。

　　具体步骤：

　　1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：

　　测试＜span>紧跟前面的"测试"显示＜/span>＜div>这里会另起一行显示＜/div>

　　2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如：

　　测试＜divstyle="display:inline">紧跟前面的"测试"显示＜/div>＜spanstyle="display:block">这里会另起一行显示＜/span>

　　提示：如果不对DIV元素定义任何CSS属性，其显示效果将行将于P元素。

特别说明

　　因为DIV与SPAN元素的特殊性，所以一般用于应用样式表，比如说用CSS定义为层，而需要分清的是块元素和行内元素的区别，还有两者间的相互转化。

　　DIV指定渲染 HTML 的容器。

　　SPAN指定内嵌文本容器。

总的来说，一个div是占一个块的，它的默认display属性是block，表示一个块。如：
<div>aaa</div>bbb显示出来，是两行。
而span，它的display默认属性是inline，可以连在一起的。如：
<span>aaa</span>bbb，显示出来是一行。
div一般用于排版，而span一般用于局部文字的样式。

HTML中DIV与SPAN的区别相关推荐

HTML中div与span的区别,在HTML的网页布局里div与span有什么区别
很多刚入行的朋友不是很懂这俩个标签的区别,可能大家认为SPAN也是一块,DIV也是一块,同样的作用为啥有俩个标签呢?本篇文章就给大家解答这个疑惑. DIV与SPAN的区别与特点以下是在没有对开发网页 ...
HTML中Div、span、label标签的区别
div与span 通俗地讲就是如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span span与label 由于有了以上关于span的说法,那么我们就可以对文本进行span的容器操作了 ...
无意义”的标签div和span的区别
HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签p创建段落,h1标签创建标题等等)的,然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际 ...
css案例学习之div与span的区别
代码: <html> <head> <title>div 标记范例</title> <style type="text/css" ...
html里span和div,HTML div和span
块代码和 1.. .ccwTest { font-family: '.PingFang SC';">; color:white; margin:18px; padding:16px; ...
web前端学习（六）—— HTML中元素的id属性、div和span布局
一.id属性 1.在HTML文档中,任何元素(节点)都有id属性,id属性是该节点的唯一标识,所以在同一个HTML文档中id值不能重复 2.注意:表单提交数据的时候,只和name有关系,和id无关 ...
div和span的标签属性及说明
1. 什么是DIV ?(块元素) 作用 : 一般用于配合CSS完成网页的基本布局. 2. 什么是SPAN ?(行内元素) 作用:一般用户配合CSS修改网页中的一些局部信息. 3. div 和 span ...
HTML 基本元素2（图像、超链接、表格、列表、块div和span、字体、内联框架）
HTML的图像标签<IMG> 详解 <img> 即图像标签需要设置其属性 src指定图像的路径 1.同级目录图像如果是本地文件,只需把图片放在同一个目录下即可 src ...
div和span是什么意思
注意:本文是从网络转载.版权属原作者所有.相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的.例如当你看到<h1></h1>标签,你知道里面是标题,当你看 ...

HTML中DIV与SPAN的区别

HTML中DIV与SPAN的区别相关推荐

最新文章

热门文章