Web标准发展建议与好的实例之使用Web标准以及校验

2016-01-29 12:38 9 1 收藏

Web标准发展建议与好的实例之使用Web标准以及校验,本系列Web标准发展建议与好的实例系列文章将向朋友们介绍Web标准是如何使一个开发者建设网站更加的节省时间与金钱,如何使浏览者获得更好的浏览经历,以及他们的原因。同时,本文还涉及到一些方法,准则和好的实例用来帮助您建设一个对尽可能多的人都充满亲和力的高质量的网站。

【 tulaoshi.com - Html 】

在学习中遇到问题可以到 论坛 发贴交流!

为什么要使用Web标准?

一些Web开发人员和Web设计师对使用Web标准持抵触态度。普遍的看法是它太难了,不管它是怎么运作,我使用的那些软件总会创建出一些不规范的代码。

学习新的技术并放弃您所熟知的技术,这很容易引起情绪上的反感,并产生抵触的情绪。然而,如果您很理智的观察一下现在的形势,将会发现,通过学习和使用Web标准会得到许多好处。举几个例子:

更简易的开发与维护:使用更具有语义和结构化的HTML,将让您更加容易、快速的理解他人编写的代码。

与未来浏览器的兼容:当您使用已定义的标准和规范的代码,那么您这个向后兼容的文本就消除了不能被未来的浏览器识别的后患。

更快的网页下载、读取速度:更少的HTML代码带来的将是更小的文件和更快的下载速度。如今的浏览器当处于标准模式下将比它在以前的兼容模式下拥有更快的网页读取速度。

更好的可访问性:语义化的HTML(结构和表现相分离)将让使用浏览器以及不同的浏览设备的读者都能很容易的看到内容。

更高的搜索引擎排名:内容和表现的分离使内容成为了一个文本的主体。与语义化的标记结合会提高您在搜索引擎中的排名。

更好的适应性:一个用语义化标记的文档可以很好的适应于打印和其他的显示设备(像掌上电脑和智能电话),这一切仅仅是通过链接不同的CSS文件就可以完成。你同样可以仅仅通过编辑单独的一个文件就完成跨站点般的表现上的转换。

Web标准可以为网站的创建者节省时间与金钱,还可以为网站的浏览者提供一个更好的经历。此外,Web标准是未来的。如果你还没有使用We b标准,那么现在应该开始动手了,否则你会落伍的。

相关文章:

My Web site is standard! And yours?
W3C的文章,介绍如何改进你网站代码的质量。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

Fighting for Standards
Web标准计划的声明。

What are web standards and why should I use them?
Web标准计划的一篇文章,对Web和为什么使用它是一件好事进行了阐述。

The Business Benefits of Web Standards
告诉您一个公司是如何通过使用Web标准而盈利。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

Web Standards for Business
写给那些营销、通信、IT领域中的管钱人。

校验

校验是一个控制的过程,在这个过程中,文档必须遵守语言的规则。你可以通过对比,检查出文本中的拼写或语法错误。

规范是网页开发中的一个重要部分。许多很难被发现的错误可以在验证中发现。错误可能是一个微不足道的打字错误,也可能是严重的元素和属性的不规范错误。

不幸的是,许多人并不验证他们的文档。一些人或许根本不知道验证这回事,还有一些人想不起来去验证,甚至还有一些人故意的逃避验证。这种情况的出现,大部分的责任要归咎于Web浏览器的开发商。大多数的浏览器都会去尽全力的去解释不规范的HTML代码,并努力的去猜测作者的意图,以此来避免显示错误的信息。这种行为就导致了如今混乱代码的泛滥。这种标记的问题是,它带来了一些不可预测的结果,因为它依靠的是Web浏览器错误的处理。

没有任何原因不去验证您的HTML和CSS。相反,它还会给您带来许多好处。

Why we won’t help you 是Mark写的一篇阐述验证优点的文章,十分的棒。里面还解释了为什么如果您在验证您的网站之前去求助,那么想从论坛和邮件列表中的人取得帮助会非常的困难。

一些HTML编辑器(像BBEdit和Homesite)都嵌入了校验工具。如果你的开发工具里没有嵌入校验的话,你可以使用W3C的校验服务,可在线使用:

(X)HTML: W3C 的标记校验服务

CSS: W3C的CSS校验服务

理解校验显示的错误提示可能有一些困难。一个位于文档前面的错误可能会导致另外几个额外的错误。改了第一个错误后,通常你就会减少一定数量的错误了。下面这个网址,将有一些常见错误提示的说明:Common XHTML Validation Errors

确保你的代码是完全规范的,总是一件好事,但是当一些校验的错误很难避免时,就会有一些特殊的情况。其中最常见的的例子就是在一篇文档中嵌入 FLASH或者一些其他需要插件的内容。下面是关于这个问题的相关文章 Flash Satay: Embedding Flash While Supporting Standards和Embedding flash without <embed

来源:http://www.tulaoshi.com/n/20160129/1486940.html

延伸阅读
标签: Web开发
CSS2校验常见错误原因对照表 (错误)无效数字 : color909090 不是一个 color 值 : 909090 ---十六进制颜色值必须加"#"号,即#909090 (错误)无效数字 : margin-topUnknown dimension : 6pixels ---pixels不是一个单位值,正确写法6px (错误)属性 scrollbar-face-color 不存在 : #eeeeee --- 定义滚动条颜色是非标...
标签: Web开发
在最开始学习web标准的时候有这么一条: 把所有和&特殊符号用编码表示 : 任何小于号(),不是标签的一部分,都必须被编码为& l t ; 任何大于号(),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 注:以上字符之间无空格。 而在我们平时的工作中经常...
  辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。 1.XHTML校验校验网址: http://validator.w3.org/ 校验方式...
标签: Web开发
引言: 一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉;而一群自认为 table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者;那些刚试着将几个页面中的table换成div的所谓的 web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者;而一群焦头烂额终于在网站上贴上W3C...
标签: Web开发
混淆文档类型(DOCTYPE) 完全不写、写的不正确、或放错地方。我曾见过HTML 4.0 Transitional被用在XHTML网页和框架页中,还看到过在开头的html标签后写DOCTYPE声明和一些不完整的声明。 为什么?有两个原因。首先,文档声明是必须的,在W3C HTML 4.01 spec和W3C XHTML 1.0 spec里都有说明。第二,浏览器会根据指定的文档类型去显示和渲染网...

经验教程

486

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部