关于DIV CSS和XHTML CSS的理解

2016-02-19 11:51 7 1 收藏

今天图老师小编给大家展示的是关于DIV CSS和XHTML CSS的理解,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - Web开发 】


  WEB标准是一系列标准的集合,并不是仅DIV CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS最大程度使表现与内容相分离。
  一位网友对W3C标准、重构与CSS布局的理解:
  不知道从什么时候开始,在网络上到处可以看到div css,到底什么是div css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div css呢?既然可以div css,那为什么不可以叫span css ul css li css等等呢?
  疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍。
  在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解。但就目前而言,还是有很多朋友是从table布局转变过来,也包括我自己在内。
  看了网上很多教程以及很多朋友的文章或者是提到的问题,代码结构中少不了的是div。甚至看到代码结构中除了div标签在body中外,找不到其他用来处理结构的标签了。或许就是因为如此,才出现了div css,用div来做布局,结合css来表现样式,那这样就是标准了?
  是把table换成了div,把td换成ul来排列后,那其他xhtml的标签怎么办呢?
  或许有朋友会说我是用div来布局,所以要叫div css,而且现在大家都这样叫啊。嗯,没错,因为div在xhtml中没有语意,而且是块元素,用在布局方面比较合理。但如果因为如此而把div独立出来称呼为了div css,貌似跟xhtml可以平起平坐了。就好比你的辈分原本就是晚辈,却跑去跟长辈争上座,太不像话了,不是吗?
  说了这么多,无非是想希望大家以后不要再说div css了,为什么不能再多打2个字母,改叫xhtml css呢?如果觉得这样还不妥,那就叫网站重构吧,你也可以称自己为网站重构工程师,多好听的名字呢,总不能让别人叫你div css人员吧。
  推荐大家少用div,多合理的使用标签,不要遗忘了在xhtml中还有p,form诸多的标签。合理的使用标签,合理的页面结构才会让你的站点更容易被搜索找到重要内容。简单说吧,大家都知道hn(n=1,2,3,4,5,6)是用在标题,那p,form,table是不是也可以让他们有自己在页面结构中的一个位置呢?
  以上只是个人在文字方面对网络上到处可见的div css一些看法,文字表达方面不对的地方大家批评,但最终希望的是不要再叫div css了,div不是主要的东西,主要的是xhtml。

来源:http://www.tulaoshi.com/n/20160219/1598877.html

延伸阅读
标签: Web开发
先看一段代码: div id="top"Hello Phoenix!/div 其中用到了id属性。对应CSS中的 #top{} 再看一段代码: div class="bottom"a href="#"Hello Phoenix!/a/div 其中用到了class属性。对应CSS中的 .bottom a{} 根据CSS2.0手册规定,伪类中就包括了a,例二中就是通过CSS控制超级链接 a 的属性,然后在div中定义该区域的a对应的类名。 因此,...
标签: Web开发
div和span是什么意思?        相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的。例如当你看到h1/h1标签,你知道里面是标题,当你看到p/p标签的时候你知道里面是一个新的自然段。可是div和span标签并没有这样意义。div只是一个分块的标签,他可以将网页分成几个区块。div里面可能包含一个标题,一...
标签: Web开发
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: style type="text/css" body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } /style 浮动后本来外边距10p...
标签: Web开发
如果一个网站的HTML代码很容易被人理解,那么他应该也很容易被搜索引擎理解吧,如果容易被搜索引擎理解,那搜索引擎肯定就喜欢这个网站了,所以会较好的推荐这个网站了。 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页...
标签: Web开发
html,address, blockquote, body,dd,div, dl,dt,fieldset,form, frame,frameset, h1,h2,h3,h4, h5,h6,noframes, ol,p,ul,center, dir,hr,menu,pre { display:block} li { display:list-item} head { display:none} table { display:table} tr { display:table-row} thead { display:table-header-group} tbody { display:table-row-group...

经验教程

212

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部