注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> CSS >> 网页设计正文

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

文章来源:Wing 作者:佚名 更新时间:2008-5-25 4:10:54 【 】 【加入收藏

  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。

点击这里查看本站的网页制作教程频道内容。

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash as教程:图片模糊运动
     flash as简单制作飘雪动画
     Flash as3.0教程:弹性小球
     Flash ActionScript 3.0教程:学习Dot类
     Flash模拟地震摇晃动画效果
     Flash动画实例:柳枝,小鱼,涟漪和水波动画
     Flash鼠绘技巧:红绿色的树叶
     Flash实例教程:卡通MM眨眼睛动画
     Flash实例教程:休闲来喝茶吧!
     Flash入门实例:水滴动画制作
    最 新 推 荐
     基于XTHML标准的DIVCSS布局对SEO的影响
     CSS合理的编码与组织技巧
     网站变黑白灰色的4种代码详细讲解
     css布局实例:网页布局的方法
     网站变黑白色CSS一行代码实现
     YUI 中的 Grids CSS值得关注和学习的
     CSS代码是否合理?是否优化?
     网页制作人员在设计网页时注意的细节
     提高CSS文件可维护性的五种方法
     div+css网页适应不同分辨率技巧
    相 关 文 章

    基于XTHML标准的DIVCSS布局对SEO的影响
    div+css网页适应不同分辨率技巧
    css教程:网页中Span和Div的区别
    关于CSS控制DIV水平居中问题
    关于XML在FLASH中的应用
    Javascript教程:关于内存泄漏问题
    以HTML为基础学习DIV+CSS
    DIV+CSS常用的网页布局代码
    关于CSS 框架的论述
    CSS+DIV制作梯形状的不规则网站导航

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用