在什么情况下用span标签?和div的用法最大的区别是什么?
div是块级元素,span是行内元素
div、p、h1~h6之类的块级元素默认情况下在他门后面的元素会被挤到下面去换行,而span行内元素就不会换行,还是拦握祥在一行。你清楚了这个就大概知道什么时候该用什么了。例子:
代码:
<p>这里要<div>换行</div></p>
结果:
这里要
换行
------------------------------------
代码:
<p>这里不<span>换行</span></p>
结果:
这里不换行
还有个常见简搏情况是比如:
<p>
一段文字是蓝色,我希望中间有两个字是<span>红色</span>的突出一下
</p>
假设p的样式是color:blue;,而文字中需要突出的“红色”两个字又不是个链接,就可以加个span,给span加上样式皮穗:color:red;
还有些特殊用法,你摸清楚了上面2个用法慢慢的就会明白了。
div跟span最大的区别就是span在一行显示而div换行显示,其实掌握好CSS样式span跟div没什么大码友的区别,一般都用div布局页握携面,而span一般包在div里面用的比较多。
span不用样式控制就会在一行显示,而div需要用到float、迟皮槐width的Style样式控制,他才在一行显示。
多做一些练习,做的多了你就知道他们的区别了,说再多也是抽象的。
<div> 可定义文档中的分区或节(division/section)。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工绝历具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
<span> 标签被并大搜用来组合文档中的行内元素。
<a> 标签可定义锚。锚 (anchor) 有两种用法:
通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
<a> 元素最仿消重要的属性是 href 属性,它指定链接的目标。
上面的说的不错