WEB标准是一系列标准的集合,并不是仅“DIV+CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV+CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS最大程度使表现与内容相分离。
% V( C" D8 H, }; y, a. j/ v& ?: T; x1 k4 t
一位网友对W3C标准、重构与CSS布局的理解:
: V$ R% ~$ U' U: l8 P. L; v8 r; a. ~
     不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等等呢?
6 k# @' W' N9 |/ c, k1 `) M! z, ]
( N4 S8 U3 g/ X1 o9 e& E( ~     疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍。" {/ G3 y4 \, f% ~

0 T9 }: M, M1 L$ K6 V% @9 m     在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解。但就目前而言,还是有很多朋友是从table布局转变过来,也包括我自己在内。
" }: q9 u1 v' {; U
) l: {# r1 M" r     看了网上很多教程以及很多朋友的文章或者是提到的问题,代码结构中少不了的是div。甚至看到代码结构中除了div标签在body中外,找不到其他用来处理结构的标签了。或许就是因为如此,才出现了div+css,用div来做布局,结合css来表现样式,那这样就是标准了?& H9 O7 |3 W3 \" }
# `4 N2 N0 @3 k
是把table换成了div,把td换成ul来排列后,td换成li来排列,那其他xhtml的标签怎么办呢?. p! o0 b1 [+ b  z9 y

7 |' a4 l* p0 c8 V8 ]. X4 y8 u& |     或许有朋友会说“我是用div来布局,所以要叫div+css,而且现在大家都这样叫啊”。嗯,没错,因为div在xhtml中没有语意,而且是块元素,用在布局方面比较合理。但如果因为如此而把div独立出来称呼为了div+css,貌似跟xhtml可以平起平坐了。就好比你的辈分原本就是晚辈,却跑去跟长辈争上座,太不像话了,不是吗?
0 `0 f8 s* h7 K; m+ U. \* u: k! S! P' o" I* l$ c
    说了这么多,无非是想希望大家以后不要再说div+css了,为什么不能再多打2个字母,改叫xhtml+css呢?如果觉得这样还不妥,那就叫网站重构吧,你也可以称自己为网站重构工程师,多好听的名字呢,总不能让别人叫你div+css人员吧。
0 w& N4 `) L5 j  c$ `
/ C, o5 T, z# `( y( ?' S    在《超越CSS》中,他们还是推荐大家少用div,多合理的使用标签,不要遗忘了在xhtml中还有p,form诸多的标签。合理的使用标签,合理的页面结构才会让你的站点更容易被搜索找到重要内容。简单说吧,大家都知道hn(n=1,2,3,4,5,6)是用在标题,那p,form,table是不是也可以让他们有自己在页面结构中的一个位置呢?0 k# Z9 L) R& G/ t* z4 e3 l
& v% w& ]' @7 ?9 k) G$ M' _# |
    以上只是个人在文字方面对网络上到处可见的div+css一些看法,文字表达方面不对的地方大家批评,但最终希望的是不要再叫div+css了,div不是主要的东西,主要的是xhtml。

关于DIV+CSS和XHTML+CSS的理解的更多相关文章

  1. div+css 和 xhtml+css是一回事么?

    div+css 和 xhtml+css是一回事.只是说法不一样,表达得意思都是通过CSS定义DIV 布局. 那为什么地方要说成XHTML +css 呢? 以为我们做网站用CSS布局得时候不光是用了DI ...

  2. table+css与xhtmL+css实现同一登陆框(代码片段)

    1.从网上下载了一个不错的登录框样式(table结合css布局): 2.初学xhtmL,自己改写了一下,希望有用 3. 我怎么不会上传截图呢?  ​1. [代码]xhtml_css组合    < ...

  3. DIV+CSS专题:第一天 XHTML CSS基础知识

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准.   学习本系列教程需有一定html和css基础 ...

  4. 43个实例xHTML+CSS(DIV+CSS)网页及导航布局

    在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的 ...

  5. 使用XHTML+CSS构架的好处到底有哪些?

    使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰. 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{ma ...

  6. (转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  7. 学无止境的CSS(xHTML+CSS技巧教程资源大全)

    本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要 ...

  8. 由css reset想到的深入理解margin及em的含义

    由css reset想到的深入理解margin及em的含义 原文地址:http://www.ymblog.net/content_189.html 经常看到这样语句,*{ margin:0px;pad ...

  9. CSS魔法堂:深入理解line-height和vertical-align

    前言 一直听说line-height是指两行文本的基线间的距离,然后又说行高等于行距,最近还听说有个叫行间距的家伙,@张鑫旭还说line-height和vertical-align基情四射,贵圈真乱啊 ...

随机推荐

  1. C# 打印小票 POS

    C# 打印小票 POS 最近在写一个餐饮的收银系统,以前从来没有碰过打印机这玩意.感觉有些无从下手,在前面做报表时,总想找第三方的控件来用用,结果始终不行没搞定.没研究透,催得急没办法还是的动手自己写 ...

  2. 如何通过 jQuery text() 和 html()

    text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 $("#btn1").c ...

  3. Ubuntu对FireFox安装flash插件

    有时候我们需要在Ubuntu下采用手动安装一些软件,比如Firefox的Flash插件.Adobe® Flash® Player 是一款轻量级浏览器插件,具有丰富的 Internet 应用运行时间,提 ...

  4. 堆的 两种实现 (数组和STL)

    基本思想: 两种操作都跟树的深度成正比,所以复杂度  O(log(n)) ; push():在向堆中插入数值时,首先在堆的末尾插入该数值,然后不断向上提直到没有大小颠倒为止. pop(): 从堆中取出 ...

  5. Android Touch(3)View的touchDelegate

    作用: 基类View有个函数 public void setTouchDelegate(TouchDelegate delegate),给view内部的另一个view设置一个touch代理. 图中vi ...

  6. C语言输出当前日期和时间

    #include <stdio.h> #include <time.h> char* asctime2(const struct tm *timeptr) { static c ...

  7. Css中光标,DHTML,缩放的使用

    Css中光标的使用: 属性名称                属性值                                         说明cursor                 ...

  8. UVa 10954 (Huffman 优先队列) Add All

    直接用一个优先队列去模拟Huffman树的建立过程. 每次取优先队列前两个数,然后累加其和,把这个和在放入到优先队列中去. #include <cstdio> #include <q ...

  9. HDU 1574 RP问题

    如果说难的话,难就难在对阶段的划分. 这又是一道对值域空间进行分段的题目. 因为rp有正有负,所以将整个数组向右平移10000个单位长度 l和r分别是rp可能的最小值 因为b是“门槛”,所以如果 发生 ...

  10. 基于Flume的美团日志收集系统(一)架构和设计

    美团的日志收集系统负责美团的所有业务日志的收集,并分别给Hadoop平台提供离线数据和Storm平台提供实时数据流.美团的日志收集系统基于Flume设计和搭建而成. <基于Flume的美团日志收 ...