`
axengine
  • 浏览: 145692 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

初学web标准的几个误区

阅读更多
作者:阿捷 2004-7-7 11:37:11 非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1.不是为了通过校验才标准化。 web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。 W3C校验仅仅是帮助你检查XHTML代码的书写是否规范,CSS的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步,不是说通过的校验,我的网页就标准化了。我们不是为了虚名,或者向别人炫耀:“看我的页面通过了校验”而去标准化,我们的目的是为了使自己的网页设计工作更有效率,为了缩小网页尺寸,为了能够在任何浏览器和网络设备中正常浏览。 请大家沉下心来,仔细研究和理解web标准的内涵。网络上已经充满了不要浮躁和虚荣,请不要将这种风气带到web标准应用中来,这样做只会影响和损害web标准的推广。 2.不要用传统的表格思维来套div “CSS布局就是将原来用table的地方用div来替代,原来是表格嵌套,现在是DIV嵌套。”这种观点是错误的! 请跳出原来表格布局的禁锢,抛弃一个td接一个td放置图片和内容的思维方式。我们上面说过web标准的目的是分离内容和表现,你可以这样思考,页面里有的仅仅是内容,没有修饰的情况下,它看上去就是一张白白的页面,上有一些文字和图片(这个图片是指内容中的图片,是有真实意义的图片)。这些文字图片仅仅是依次罗列下来,只有结构,没有任何样式。然后加入表现,将所有修饰的图片作为背景,用C SS来定义每一块内容的位置、字体、颜色等。 这样制作的页面才是内容与表现分离的,就是说,当你抽掉css文件,剩下的就是干净的内容。这样才能在文本浏览器中阅读,才能在手机、PDA中阅读,才能随时修改CSS实现改版。 3.不必为每块内容都建立一个id 有网友抱怨css文件太大、太复杂。仔细看他们的代码,发现原因是他们对每块内容、甚至每句话都定义一个div,建立一个ID。这一方面是对样式表应用的不熟悉,另一方面也表现出对web标准没有彻底理解。 我们知道内容都是有结构的(如果不明白,请阅读:理解表现和结构相分离 ), 相同的结构的内容我们可以用同一个样式来定义,比如相同级别的标题、正文、图片。对于多次引用的样式可以用class来定义,不需要每个都用id;另外也不是说一定要用
,你完全可以用

来代替,同样都是块级元素,一样有盒模型的七个参数,

仅仅方便浮动。 至于仅仅为了行高、间距、一个修饰图片而增加额外的div,我想随着对CSS的应用和理解,你很快就可以省略掉这些。我们反对用DIV的嵌套取代table的嵌套,这没有任何意义,不能体现内容的结构化。希望大家多研究CSS,写出最简练,最有效的样式表。 [...]
分享到:
评论

相关推荐

    初学Web标准的几个误区,css,web

    ### 初学Web标准的几个误区 #### 误区一:仅为通过校验而标准化 - **核心要点**:Web标准的本质在于实现内容与表现的分离,而非单纯追求代码的校验通过。通过将样式(CSS)与内容(HTML)分离,可以更高效地管理...

    浅谈JAVA软件开发的几大误区.pdf

    其次,忽视性能优化是另一个误区。有些开发者认为Java天生慢,但实际上,Java虚拟机(JVM)提供了高效的内存管理和垃圾回收机制。通过合理的内存管理、算法优化以及使用并发处理,可以实现高性能的Java应用。同时,...

    Web教程chm版

    Web教程通常包括以下几个方面的内容: 1. **HTML (HyperText Markup Language)**:HTML是构成网页的基本元素,用于定义页面结构。学习者需要了解各种标签的作用,如`<head>`、`<body>`、`<h1>`到`<h6>`的标题、`<p>...

    《Microsoft_Visual_Studio_C++_2010入门经典》完全版

    首先,我们要明确几个概念。Visual Studio(VS)是由微软开发的一套集成开发环境(IDE),它包含了多种工具,如Visual C++、Visual C#、Visual Basic等,用于构建Web应用和桌面应用。而Visual C++(VC)是VS中的一个...

    计算机编程语言介绍大全.pdf

    5. **Python**:Python以其简洁的语法和强大的标准库而受到欢迎,广泛用于数据科学、机器学习、Web开发和自动化脚本。Python是初学者入门的好选择,也适用于专业开发。 6. **JavaScript**:JavaScript主要应用于Web...

    一个老程序员给刚大学生的忠告

    始终认为,对一个初学者来说,IT界的技术风潮是不可追赶。我时常看见自己的DDMM们把课本扔了,去买些价格不菲的诸如C#, VB.Net 这样的大部头,这让我感到非常痛心。...  几个误区  初学者对C#风潮的追赶其实也只是

    HTML5揭秘英文版HTML5:up and running

    书中提到了两个重要的组织:WHATWG(Web Hypertext Application Technology Working Group)和W3C(World Wide Web Consortium),这两个组织都在HTML5标准的制定过程中扮演了关键角色。 #### 三、HTML5特性检测 *...

    如何自学编程.docx

    ”这个问题虽然看似简单,但实际上却是一个误区。真正需要思考的核心问题是:“构成编程学习的基础是什么?”为了更好地解答这个问题,我们可以从以下几个方面入手: #### 编程知识的金字塔基础 编程知识的金字塔...

    一个程序员对学弟学妹建议.doc

    【部分内容】中,作者提到了几个关键点: 1. **基础课程的重要性**:作者强调了如数据结构、操作系统原理等基础课程的价值,它们能降低学习新技术时的难度。他以自身为例,说明投入时间学习汇编和计算机原理的益处...

    java_disabuse.rar_java disabuse

    文档“java_disabuse.doc”可能包含了以下几个方面的重要知识点: 1. **基础语法**:Java的基础语法包括数据类型(如整型、浮点型、字符型和布尔型)、变量声明、运算符、流程控制(如if语句、for循环和while循环)...

    jquery-easyui1.9.4中文参考手册.zip

    本中文参考手册分为几个主要部分,详细讲解了EasyUI 的使用方法: 1. **快速入门**:介绍如何引入EasyUI库,以及基本的HTML结构和组件使用。 2. **组件详解**:逐个解析EasyUI中的每个组件,包括其属性、方法、...

    Angular 基础教程(7.0)[大漠穷秋](2).pdf

    Angular是一个由Google主导开发的开源前端框架,它用于构建动态的Web应用。该框架以其模块化、测试友好和依赖注入的特性而受到开发者的青睐。Angular 7.0是该框架的一个版本,它在之前的6.0版本基础上进行了改进和...

    2021-2022计算机二级等级考试试题及答案No.15084.docx

    默认情况下,新创建的工作簿会带有几个预先定义好的工作表。 **示例解析**:题目中提到的Excel 2003默认工作表名为“Sheet1、Sheet2、Sheet3”。这一知识点对于初学者理解Excel基本结构非常有用。 ### 4. 方法内部...

    ArcGIS Flex API 2.0离线参考

    ArcGIS Flex API是Esri公司开发的一个强大的地图服务框架,用于构建交互式的Web GIS应用程序。API基于Adobe Flex技术,允许开发者利用Flex的富互联网应用(RIA)功能来构建功能丰富的地图应用。 此离线参考可能包含...

    LoadRunner

    为了帮助读者建立起正确的性能测试观念,《性能测试从零开始》可能会从以下几个方面进行讲解: 1. 性能测试的目的和意义:解释性能测试对于保证软件质量的重要性,包括提高软件运行效率、确保软件在预定的性能指标...

    计算机编程语言介绍大全.docx

    但现在学语言不是学语法,而是学framework,你精通vc如果再用vb,那相差还真不大,很多api都可以通用,但你精通vc再用java,要想做个网页都不容易,再想用Structs、Hibernate之类的做一套web程序出来,那得好长时间...

    《Expert One-on-One Design and Development》.pdf英文版

    ### 《Expert One-on-One J2EE Design and Development》核心知识点...总之,《Expert One-on-One J2EE Design and Development》是一本值得每个J2EE开发者拥有的宝贵资料,无论是初学者还是资深专家都能从中受益匪浅。

    猪哥的嵌入式linux公房菜

    献给初学者的10个Git技巧** - **基本操作**:clone、commit、push等。 - **高级功能**:分支管理、合并冲突等。 #### 六、shell命令 **1. 嵌入式Linux开发常用的实用命令** - **ls**:列出目录内容。 - **grep**...

Global site tag (gtag.js) - Google Analytics