DIV+CSS和XHTML+CSS的理解比较

Web下XHTML+CSS设计的要点总结与经验分享 这些技巧将帮助您实现样式的复用、页面布局的灵活性以及响应式设计的目标。记住,在实际设计过程中,不断尝试和调整样式是很重要的,以使您的网页达到最佳效果。在Web设计中,XHTML(可扩展超文本标记语言)和CSS(层叠样式表)是两个重要的技术。它们共同构建了现代网页的结构和样式。本文将介绍一些在进行XHTML+CSS设计时需要注意的关键要点,并提供相应的源代码示例。XHTML是一种基于XML的标记语言,因此在设计XHTML文档时,应始终遵循良好的文档结构。CSS的盒模型描述了HTML元素在页面中的布局方式。 阅读详情
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。

创建XHTML+CSS导航菜单的实用指南 本文还有配套的精品资源,点击获取 简介:XHTML与CSS是网页设计的关键技术,用于构建用户界面和定义页面样式。本课程详细讲解如何使用XHTML构建菜单基础结构,以及如何利用CSS进行样式设计、添加交互效果和创建下拉菜单。此外,还包括使用CSSTabDesigner2工具快速设计定制化菜单的介绍,旨在帮助开发者提高网页导航菜单的设计效率和用户体验。 1. XHTM... 阅读详情

相关推荐

HTML+XHTML+DIV+CSS快速入门与实践

本文还有配套的精品资源,点击获取 简介:本资料集提供了一个全面的入门指南,旨在帮助初学者快速掌握网页设计与开发的基础技能。从HTML的基础知识到XHTML的规范性,再到CSS样式设计和响应式布局,本资料涵盖了构建和设计网页所需的核心概念和技术。学习者将通过实例和实战经验深入理解div元素的运用、CSS的层叠规则,并学习如何应用媒体查询制作响应式网页。通过实践,初学者将能迅速...

weixin_29050829的博客 1031

xhtml+css基础知识

CSS控制HTML页面有4种方式:行内样式、内嵌样式、链接样式、导入样式。优先级就近原则。 CSS四种选择器:标签选择器、ID选择器、类选择器、通用选择器(*)。一个标签可以有多个选择器用空格分开,例如:<div class="one two three">...</div>。也可以ID和class一起用<div id="one" class="main"&g..

iteye_7666的博客 170

50个经典XHTML+CSS模版

一些不错的CSS模块,有需要的,可以看下!

漂亮的CSS + XHTML导航菜单

您大概听说过这样的说法:对于一个新的访问者来说,他在最初20秒内与某网站的互动情况,决定了他是否会留在这个网站做进一步的探索,还是扬长而去。这就意味着,在设计网页的时候,你必须遵循一定的规律来留住访问者。简单的说,就是把所有的网页元素放在访问者所期待的位置。进行此设计的一个重要而有效的部分,就是整一个易于使用的导航菜单。 本文将手把手带领您在jQuery的帮助下,制作一个漂亮的CSS +

jQuery Plugins 1327

C# NX二次开发:两种过滤器设置方案的实战解析与场景适配

本文深入解析C# NX二次开发中的两种过滤器设置方案:AddFilterHandler回调与MaskTriple属性设置。通过实战案例对比其性能差异与适用场景,帮助开发者根据需求选择最优方案,提升NX插件开发效率与交互体验。特别针对BlockStyler集成场景提供专业建议,是NX二次开发者的实用指南。

weixin_33739646的博客 844

ZYNQ软件复位重启、程序跳转的实现方法(Multiboot)

目录一、增加FSBL的调试信息 一、增加FSBL的调试信息 启动过程的调试信息如下: Xilinx First Stage Boot Loader Release 2016.4 Jan 19 2020-10:35:00 Devcfg driver initialized Silicon Version 3.1 Boot mode is QSPI Single Flash Informat...

weixin_41922484的博客 2万+

xhtml+css学习一:认识w3c标准

一、W3C标准 w3c标准不是某一个标准,而是一系列标准的集合。

彭天虎 700

PSIM+PIL+CCS三剑客:手把手教你搞定DSP28335的软硬件联合调试

本文详细介绍了如何利用PSIM、PIL与CCS三款工具,实现DSP28335的软硬件联合调试。通过搭建兼容环境、从PSIM仿真生成PIL代码,再到实战联合调试与问题诊断,手把手指导开发者构建从虚拟模型到实际硬件的完整验证闭环,有效提升电力电子与电机驱动等领域的开发效率与可靠性。

weixin_29183637的博客 186

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

在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是div,很明显是无法达到语义化标准的。彬Go也希望通过博客让所有读者正视代码语义化的重要性,请把”DIV+CSS”这个词从脑子中删除,用”x

twosecond 2744

Supervisor 安装与使用

一、Supervisor 介绍 Supervisor 是一个用 Python 编写的进程管理工具,它可以用于监控和控制类 UNIX 操作系统上的多个进程。它是一个客户端/服务器系统,其中 Supervisor 的服务器端称为 supervisord,负责启动管理的子进程、响应客户端命令、重启崩溃或退出的子进程、记录子进程的 stdout 和 stderr 输出,以及处理子进程生命周期中的事件。客...

疯子丶pony的博客 3863

晟矽微MC32F7361定时器的使用案例说明

110所以TIMER0所用的频率是FCPU的1/64,也就是8/64MHZ. 为1/8MHZ。//io口下拉电阻 1:enable 0:disablea。//io口上拉电阻 1:enable 0:disable。//io口下拉电阻 1:enable 0:disable。//io口上拉电阻 1:enable 0:disable。//io口下拉电阻 1:enable 0:disable。//io口上拉电阻 1:enable 0:disable。

liyanfei123456的博客 1129

HTML CSS + DIV实现整体布局

HTML CSS + DIV实现整体布局 1、技术目标: 开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局 2、什么是W3C标准?     W3C:World Wide Web Consortium,万维网联盟     W3C的职能:负责制定和维护Web行业标准     W3C标准包括一系列的标准: HTML内容方面:XHTML样式美化方面:CSS

Mercop的专栏 15万+

软件破解逆向安全(一)初识内存地址和偏移

工具:CE 内存:数字->存访在电脑中->内存 实例:如何修改植物大战僵尸阳光 内存搜索最核心:过滤数据 先用CE加载植物大战僵尸,如下图 我们可以看到目前我们的阳光数是50,我们尝试在ce里搜索精确数值,4 byte是int整数的表示。 我们发现有很多数据,尝试收集一个阳光变成75再次搜索: 我们发现就一个了,这时我们可以双击Value随便修改阳光的数值了。 这里我们说一下动态和静态地址 动态地址:临时用于存放数据的地址,黑色。特征:重新启动游戏地..

weixin_43781139的博客 2591

css+div实现简单布局

1、技术目标:开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局2、什么是W3C标准?W3C:World Wide Web Consortium,万维网联盟W3C的职能:负责制定和维护Web行业标准W3C标准包括一系列的标准:HTML内容方面:XHTML样式美化方面:CSS结构文档访问方面:DOM页面交互方面:ECMAScript……等等3、W3C倡导的Web结构要符合以下要求:...

qq_22038841的博客 7148

微信公众平台 - 微信内置浏览器 WeixinJSBridge.invoke(‘xxx‘) API 报错:system:access_denied(常见于微信支付、分享朋友圈/转发好友等功能)解决方案

微信支付提示System:access_denied,调用微信支付返回:system:access_denied为什么,安卓版微信支付偶尔出现system:access_denied,微信公众号开发分享出现system:access_denied,system:access_denied如何解决?微信WeixinJSBridge.invoke(‘xxx‘)API调用后出现报错,微信内部H5WeixinJSBridge.invokesystem:access_denied,使用微信jssdk时报ac

🏆 前端领域优质创作者 5145

华为OD机试真题 新系统 2026-06-10 C++ 实现【设备重排SN】

通信设备SN一般是包含:字母、数字,用'-'(破折号)进行分组分割,例如:8F-3T-1G-2n是一个有效的SN地址。 现在要对已经存在的SN 按照新的规则进行重排:

MISAYAONE的博客 129

十天学会DIV+CSS 第一天XHTML CSS基础教程

欢迎大家学习《十天学会web标准》,也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。 由于时间关系,本教程只讲解一些基础知识,让您从

auyeung_anne的专栏 831

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

网页布局基础-XHTML与CSS基础

首先,从基础的开始。1. DIV布局和TABLE布局的区别传统TABLE布局方式实际上是利用了HTML table表格元素具有的无边框特性,由于table元素可以在显示时使得单元格的边框和间距为0,即不显示边框,因此可以将网页中的各个元素按版式划分放入表格的各个单元格中,从而实现复杂的排版组合。表格布局的代码最常见的是在HTML标签之间嵌入一些设计代码,如width=100%,bord

黑色空间 2075

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

体验DIV+CSS(2):DIV + CSS 进阶

DIV + CSS 进阶一、几点学习准备与建议XHTML Tags 与 CSS Properties, 作为一个合格的WEB页面制作者,我们应该备有这两个文档,我指的不是泛泛而谈的教程,而是那种描述型的手册。记得,打印下来!Xhtml Tags.docCSS Properties.doc 和入门教程里提供的一样,是英文版的。CSS全称“Cascading Style Sheet......

csj50的专栏 1312

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

关于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布局...

weixin_30535843的博客 123

CSS+DIV

一、DIV+CSS基本介绍: DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。XHTML基于可扩展标记语言(

邢金聪 廊坊师范学院九期信息技术提高班 2798

css设计引言,DIV+CSS学习前言

DIV+CSS的叫法是不准确的在整个教程的最前面必须先给大家纠正一个错误,就是“DIV+CSS”!“DIV+CSS”这种叫法其实是一种不准确的叫法,是国人给这种布局标准页面的方法起的名字,是对技术理解不够透彻导致的,而标准的叫法是什么呢?呵呵,没错,是xHTML+CSS!,为什么会叫xHTML+CSS等你学完后面的“知识二”和“知识三”后就明白了,现在讲一下下面这个问题:为什么国人将这种布局标准页...

weixin_31008279的博客 323

div+css学习之XHTML CSS基础知识

[b]一、xhtml css基础知识[/b] 首先说一下我们这节课的知识点 [list] [*]文档类型 [*]语言编码 [*]html标签 [*]css样式 [*]css优先级 [*]css盒模型组成 [/list] [b]1)文档类型[/b] 当我们用dreamweaver新建一下html格式文档时,查看源代码,会发现代码最上部有如下这句话: [code="java...

iteye_19339的博客 195

有人说div+CSS网页布局比较愚蠢,我来说两句!

Web Designing with w3c Standards 什么是标准?各位慢慢理解。 而标准的核心就是内容,表现,行为,三者分离,这一点已是共识。 CSS是其中一个重要的标准,这一点大家都没有异意的。 而HTML最终是向XML发展的,大家应该也没有什么意见。 而XHTML是发展中的过渡产物,这一点大家都是知道的。 对于DIV,只是XHTML中的一个标签,是在实现标准的网

u013680195的专栏 703

html css实现页面布局,[Html-Css] 浅谈div+css页面布局

解释:DIV+CSS是Web设计标准,是一种网页布局方法。与传统的通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。“DIV+CSS”其实是错误的叫法,而标准的叫法应该是XHTML+CSS。因为DIV和table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。方法:在HTML文档中加入CSS。css是层叠样式表(Cascading Style She...

weixin_32537029的博客 665
上一篇: Google map API for flash(转)
下一篇: FLEX优秀开源项目介绍
marshane
博客等级 码龄19年 6粉丝 22原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值