(013)XHTML文档之多用途元素

XHTML文档之多用途元素

  到目前为止我们涉及的各种元素都有其内在的含义,专门用于特定类型的内容、实现特定的目的。XHTML中还有div和span这两个通用元素,可用于其他元素都不十分符合要求的情况下。这两个元素在语义上是中性的,除了把内容的一部分组织在一起以便与其他部分区分开之外,它们并不具备任何特殊的意义,因此,它们是标记工具箱中最通用的元素。

 

一、div元素

  div元素在文档中创建一个逻辑部分,将相关内容和元素组织在一起。它在语义上是中性的,但并非毫无含义。一个div本质上是在声明:“这里的所有东西都属于一个整体并与其他地方的东西分开”。

  div特别适合于把内容组织为较大的块以便用CSS样式或用javascript来进行操纵。

  div是块级元素,可以包含文本和其他元素,包括块级元素和行内元素。它仅有的默认样式,是与其他块级元素一样,其内容开始于一个新行,并占据整个可用的横向空间。因为div自身并不披露更多关于其内容的语义含义,所以里面的任何文本都应该包装在更富有意义的元素中。

  因为div如此通用,而且可以用作CSS定义样式时称手的目标容器,某些web设计人员有一种过度使用它的倾向,以至于他们的标记代码中充斥着大量用于表现目的的div。这个问题需要尽量避免。要明智地使用div来支持内容。记住,div元素是一种内容组织工具,而不是页面布局工具。

 

二、span元素

  这是div的行内元素表亲。你可以使用它划出任意一段文本,以用作CSS样式的“钩子”,或通过开标签<span>中的属性赋予这些内容额外的信息。与div一样,只有在那些更具有语义价值的元素都不符合要求时才应使用span。

 

posted @ 2015-04-22 16:37  jplatformx  阅读(164)  评论(0编辑  收藏  举报