关于DIV+CSS和XHTML+CSS的理解

5anyliuliu

5anyliuliu

2016-02-19 23:30

下面图老师小编要向大家介绍下关于DIV+CSS和XHTML+CSS的理解,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

  WEB标准是一系列标准的集合,并不是仅DIV+CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV+CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS最大程度使表现与内容相分离。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  一位网友对W3C标准、重构与CSS布局的理解:

  不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等等呢?

  疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍。

  在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解。但就目前而言,还是有很多朋友是从table布局转变过来,也包括我自己在内。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  看了网上很多教程以及很多朋友的文章或者是提到的问题,代码结构中少不了的是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。

点击这里查看本站的网页制作教程频道内容。
展开更多 50%)
分享

猜你喜欢

关于DIV+CSS和XHTML+CSS的理解

Web开发
关于DIV+CSS和XHTML+CSS的理解

关于DIV CSS和XHTML CSS的理解

Web开发
关于DIV CSS和XHTML CSS的理解

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

div+css与xhtml+css是什么意思?

Web开发
div+css与xhtml+css是什么意思?

div+css与xhtml+css是什么意思?

Web开发
div+css与xhtml+css是什么意思?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

DIV+CSS中ID和CLASS

Web开发
DIV+CSS中ID和CLASS

DIV+CSS技术入门

Web开发
DIV+CSS技术入门

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS高级技巧:CSS Sprites

CSS高级技巧:CSS Sprites

现实充满伤感的分组名称:落魄时我们认清朋友

现实充满伤感的分组名称:落魄时我们认清朋友
下拉加载更多内容 ↓