CSS布局教程

基于web标准的网站设计指南

« css的特殊性使用div元素 »

通用元素div和span

如果在网上随意浏览一下,铺天盖地的div+css或css+div,似乎div+css就是标准网页布局了,司马迁在史记中曾经说过,众口铄金,积毁销骨,相信很多读者,包括部分网页设计师,一提到div+css就会立即认为它就是网站标准,这大概也正中司马迁的那句话,难怪俗话传久了也会成为真理,有时候看到以div+css或css+div作为标题的网站,且不止一个,实感以讹传讹的无奈。
严格的说把标准网页布局看做div+css是不恰当的,也会影响设计师理性选择用符合语义的元素构建网页框架,正确的称呼应该是xhtml+css,而不是div+css,不知道是谁第一个发明了div+css,但仔细琢磨,div元素在网页布局中的作用是毋庸置疑的,你看现在的标准网页布局,基本上就是div元素毒霸天下。
div元素很重要,span元素同样重要,div和span犹如一对配合默契的夫妻,如果说不考虑xhtml语义结构问题,只需要使用div和span两个元素就可以设计出绝大部分页面布局效果,用div构建xhtml框架结构,用span修饰局部细节,div和span作为通用元素缘于下面三个方面优势:
1、div和span是若语义元素
关于div和span是否具有语义问题在网上争论比较多,两种观点都言之有理,争论之势咄咄逼人,相对于语义比较明显的元素而言,他们所包含的信息室没有语义的,当你看到<h2>我是标题</h2>标签内容时候,会很自然的明白它包含的信息就是标题,而对于<div>我是标题<div>标签内容,即时标明自己是标题,你也很难想到它是标题,而对于搜索引擎等机器设备来说就更难了。医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
如果从div元素的定义及功能来讲,div和span具有明显的意义,div表示结构块,而span表示行内修饰块,所以说如果用弱语义来表示这两个元素会更恰当点。
由于div和span没有明确的语义,所以他们具有通用性,你可以用div元素来代替其他任何块状元素,而用span代替内联元素,但不能代替img和a元素,因为他们具有特殊的功能,与外界进行联系,相反,如果用p元素代替h2元素就会让人不可思议。
2、div和span是无特殊样式元素天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
在默认状况下,xhtml元素都被css定义了基本显示样式,如p被定义了1.12em上下边界,h2元素的文本被定义加粗显示,em元素的文本被定义斜体显示等,当然,div元素默认的定义块状显示,而span在默认状态下虽然没有被定义样式,但默认为内联元素显示,对于任何一个元素,实际上都必须先确认其显示样式,这正如人生下来之后都必须先确定是男或是女一样,所以div和span无特殊样式是除了display属性之外无其他任何样式。
3、div和span是浏览器通用元素
div和span元素犹如自然的水一样,它无论用什么浏览器来解析都是很清白的,不含有杂质,不同浏览器对于div和span元素的解析效果是统一的,而不像其他元素在不同浏览器中会存在细微的差异,可以想象一下,在css默认样式标准与各大浏览器预定样式的不统一情况下,设计师乱用各种元素会带来很大麻烦,而这时再反观div和span元素的清纯,是不是感觉他们非常可爱。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号