zoukankan      html  css  js  c++  java
  • 关于DIV+CSS和XHTML+CSS的理解

        

        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。

  • 相关阅读:
    react组件之间传值方式
    html url 传递锚点并添加参数
    Spring Boot 构建WAR包
    Spring Boot Actuator 的使用
    Spring boot的启动加载原理
    intellij idea resin容器部署web工程
    Mybatis Mapper之见解
    踩坑----数据库阻塞
    redis缓存与数据库的记录不一致造成的问题.(乐观锁)
    H5中popstate事件的诡异行为
  • 原文地址:https://www.cnblogs.com/xingui/p/3545339.html
Copyright © 2011-2022 走看看