span与div比较

div与span元素在显示上的不同，源于其默认显示模式(display)的不同。在前面我们曾了解过display属性的用法，用于改变元素的显示模式。

对于xhtml中的每一个对象而言，都拥有自己默认的显示方式，div对象的默认显示模式是display:block因为这样的 默认模式，从而使div成为一个块状容器，其默认状态就将占据一整行的空间。而span对象的默认显示模式为display:inline;因此span 将作为一个行间内联对象显示时以行内连接的方式进行显示。

正是由于两个对象不同的显示模式，因此在实际使用过程决定了两个对象的不同用途。div对象的任务是呈现一个块状内容，如一大段文本、一个导航区域、一个页脚区域等显示为块状的内容进行结构编码并进行样式设计。

而作为内联对象的span，用途是对行内元素进行结构编码以方便样式设计，span默认状态下就不会破坏行中元素的显示顺序，例如 在一大段文本中，我们需要改变其中一段文本的颜色，可以将这一小部分文本使用span对象，并进行样式设计，这将不会改变这一整段文本的显示方式。

span对象只是众多inline内联对象中的一种，而且是专门用于设计样式的一种内联对象，像strong对象也是一种内联对 象，使用之后将对某段文本进行加粗显示，是一种自带属性的内联对象，而span对象在默认使用情况下均不改变任何其中文本的属性，这是xhtml留给设计 者的一个空属性的内联对象，专门用于行内内容样式的自定义。

div所赋予的使命要比span重要的多，默认为块状显示模式的div对象在实际应用中担负页面大块布局及版式的所有工作，需要大量使用div进行组合或嵌套来实现我们网页的版式布局。

div与span对象有着自己各自的用途与使用方法，虽然我们可以通过display属性的更改对它们的显示方式进行变化，但并不意味着二者的互换能够对页面带来好处，我们所要做的是遵守xhtml留给我们的语言接口，使用最适合的对象来完成页面设计任务。