div+css与xhtml+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人员吧。

在《超越CSS》中，他们还是推荐大家少用div，多合理的使用标签，不要遗忘了在xhtml中还有p,form诸多的标签。合理的使用标签，合理的页面结构才会让你的站点更容易被搜索找到重要内容。简单说吧，大家都知道hn（n=1,2,3,4,5,6）是用在标题，那p,form,table是不是也可以让他们有自己在页面结构中的一个位置呢？

以上只是个人在文字方面对网络上到处可见的div+css一些看法，文字表达方面不对的地方大家批评，但最终希望的是不要再叫div+css了，div不是主要的东西，主要的是xhtml。

赞 (0)

相关推荐

  • div+css与xhtml+css分别是什么意思?

    不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等等呢? 疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍. 在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到<网站重构>这本书出来后的不久开始看到很多人讨论重构

  • CSS教程之CSS的应用

    一.In-line 行内 行内样式是在html标签里直接使用style属性 <p style="color: red">text</p>  设定段落文字红色.  但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免. 二.Internal 内部 使用于整个页面的植入内部样式在head标签里面,style标签包围样式. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stri

  • jQuery HTML css()方法与css类实例详解

    本文实例讲述了jQuery HTML css()方法与css类.分享给大家供大家参考,具体如下: jQuery css() 方法 返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 下面的例子将返回首个匹配元素的 background-color 值: $("p").css("background-color");//只获取 了一个背景颜色 //获取多个 <body> &l

  • jQuery中的CSS样式属性css()及width()系列大全

    jQuery中的CSS样式属性css()及width()系列大全

    目录 1.css()基本使用: 1.1 获取css属性 1.2 设置css属性 2.width()系列基本使用(height()系列同理) 2.1 width() 2.2 innerWidth()与outerWidth() 3.offset()与position() 3.1 取值对比 3.2 设置值对比 4.scrollLeft()与scrollTop() 4.1 取值 4.2 设置值 4.3 小demo 1.css()基本使用: 1.1 获取css属性 1.1.1 获取单个属性值(传入字符串)

  • vue如何统一样式(reset.css与border.css)

    目录 统一样式(reset.css与border.css) reset.css border.css vue基础样式应用 统一样式(reset.css与border.css) reset.css 不同浏览器对相同标签的显示效果,有时候往往不同,那么在做项目的时候就需要对基本的样式进行设置,以达到在不同浏览器下显示效果是相同的,reset.css的作用就在于此. 所有,大家很有必要收藏一下,在做项目的时候直接使用即可. 代码: @charset "utf-8"; html { backg

  • Web2.0下XHTML+CSS 设计需要注意的地方小结

    注意事项: 1.除选择DOCTYPE之外的语句必须使用小写英文字母书写.其中包括 Macromedia Dreamweaver 生成的鼠标动作,如 OnMouseOver 也必须修改成 onmouseover. 2.XHTML语法规要求所有的标识都必须有开始和结束.例如<body>和</body>.<p>和</p>等,对于不成对的标识,要求在标识最后加一个空格,然后跟一个"/".例如<br>写成<br />.<

  • 用xhtml+css写的相册自适应 - 类似九宫格[兼容　ff ie6 ie7 opear ]

    用xhtml+css写的相册自适应 - 类似九宫格[兼容　ff ie6 ie7 opear ]

    screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://bbs.blu

  • xhtml+css网页制作中常见问题解决方法

    无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

  • xhtml+css制作不规则导航

    xhtml+css制作不规则导航

    先看图(图片只是大致做了一下) 效果展示: 运行代码框 无标题文档 * {margin:0;padding:0;font:normal 12px/25px "宋体";} body {background:#f8f8f8;} ul {list-style:none;width:300px;height:25px;margin:20px auto;} li {float:left;width:86px;height:25px;text-align:center;margin:0 -5px;

  • 用dom+xhtml+css制作的一个相册效果代码打包下载

    突然看到那个apple的底下的那个很漂亮,所以呢,我就改进了一下 做了一个图片版本的,好像很多人都做了个 http://home.goofar.com/bqqdqq/photo/a.html 上面这个是预览地址 如果浏览速度慢的话,下面是我做了一个包出来 兼容FF,IE 在线演示http://img.jb51.net/online/photo/a.html本地下载http://img.jb51.net/online/photo/photo.rar

随机推荐