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。

时间: 2024-10-30 11:31:13

div+css与xhtml+css分别是什么意思?_基础教程的相关文章

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

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

第8天:CSS布局入门_基础教程

CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距:而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距. 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid;BORDER-R

第9天:第一个CSS布局实例_基础教程

接下来开始要真正设计布局了.和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来.你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现.技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了. 注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义.但任何事情都有得有失,取舍在于你的价值判断.好

CSS教程之CSS的应用_基础教程

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

使用css实现全兼容tooltip提示框_基础教程

最终效果图: 基本原理 先设定一个背景色的普通div盒子,然后使用上篇post得到的三角型图标,把div盒子设置为相对定位模式,三角型图标设置为绝对定位,位置相对于div盒子,调整到合适的位置.这样就得到一个基本的tooltip,但是没有边框看起来总是不舒服,我们可以给div盒子设置一个边框,这没什么难度,但是三角形图标如何设置边框呢?这里我们通过一个取巧的方式,让两个不同颜色的三角形图标叠加,并且位置错开1px,这样底层三角形top border被遮盖,只露出左右border部分,叠加在一起我

JS、CSS加载中的小问题探讨_基础知识

在js脚本中,存在两个window.onload 复制代码 代码如下: window.onload = function(){ alert("aaa"); }; window.onload = function(){ alert("bbb"); }; 只会执行一个,这是本身函数的设定,值得注意的是,弹出的不是aaa,而是bbb,执行的是最后一个 在css文件中,css样式中 复制代码 代码如下: #checks{ padding-left:20px;padding-

第7天:CSS入门_基础教程

在了解XHTML代码规范后,我们就要进行CSS布局.首先先介绍一些CSS的入门知识.如果你已经很熟悉了,可以跳过这一节,直接进入下一节. CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"

CSS入门教程篇_基础教程

CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF}  其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式: 样式声明写在一对大括号"{}"中: COLOR和BACKGROUND称为"属性&

css滤镜基础教程_基础教程

CSS滤镜基础     随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果.CSS技术的飞快发展使这些需求成为了现实.从现在开始我要为大家介绍一个新的CSS扩展部分:CSS滤镜属性(Filter Properties).使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上,例如图片.文本容器.以及其他一些对象.对于滤镜和渐变效果,前者是基础,因为后者就是滤镜效果的不断变化和演示更替.当滤镜和渐变效果结合到