SPAN元素和DIV元素
基本概念:
行内元素:指该元素标记的内容不不会对现在的结构造成影响,属于应用样式,辅助应用样式表等作 用。
块级元素:元素为一个块状,单独占据一行,相当于在一个该元素前后各加一个换行。
??DIV(division)是一个块级元素,可以包含段 落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 块元素相当于内嵌元素在前后各加一个换行。其实,块元素和行内元素也不是一成 不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元 素定义了display:block就成了块元素了。
??span和div元素用于组织和结构化文档,并经常联合class和id属性一起使用。
span
元素可以说是一种中性元素,因为它不对文档本身添加任何东西。但是与CSS结合使用的话,span
可以对文档中的部分文本增添视觉效果。也可以采用id来为span
元素添加样式,如果采用id的话,你必须为这三个span
元素各自分别指定一个唯一的id。
如前面例子所示,span
的使用局限在一个块元素内,而div
可以被用来组织一个或多个块元素。除去这点区别,div
和span
在组织元素方面相差无几。
?
?
<span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,<span>标识符允许你将一个段落分成不同的部分。?
还有一个标识符具有类似的功能,<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同,<div>工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。?
还有一个标识符具有类似的功能,DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同,工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。