通向web标准之路

2016-01-29 11:51 8 1 收藏

通向web标准之路,通向web标准之路

【 tulaoshi.com - Html 】

  作者前言

  今天下午,我的一个朋友问我:对于一个想了解web标准的老网页设计师有什么建议。

  我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师。

  正文

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

  首先不要急着开始!在做任何事情之前做好2个心理准备,这对你的学习过程是最重要的事情:

  1).学习需要时间,要循序渐进;
  2).前进的过程中会遇到挫折。

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

  但是你并不孤独,我们中许多人正在投入到学习和使用web标准的行列中来。有一个不断扩大的团体来帮助你更容易地学习,老手在学习技术和技巧的过程中遇到许多困难,幸运的后来者(包括我自己)将从他们的汗水与泪水中获益。

  当最后,你能熟练使用基于web标准的设计方法(使那些传统的基于表格的方法显得黯然无光)时,回头再看,你将惊奇用CSS布局页面并不是那么难。哦,当然,如果主流浏览器能对CSS2规范中的一些操作支持更好,实际上使用时可能会更加容易。

  恩,我好象有点跑题了。

  那么,让我们立刻开始了解实际有用的信息。首先,去买一本《Designing With Web Standards》(中文版已经引入),不用多想,立刻去做。已经有了?好,现在就阅读它,不要让它积满灰尘。我想说的每一点在书里都有详细的解释。书分为平均的两部分,宣言(为什么你应该怎么做)和教程(你怎样去做)。这对你是有用的。

  现在,第一件事情就是树立一个XHTML的思想体系概念,不管你选择HTML4.01或者XHTML 1.0 Strict(有很多理由选择其中的任一种,现在你可以先忽略这些,以后不能忽略,除非你准备做让人麻木的苦差事。),所有的文档以选择一个DOCTYPE开始。告诉浏览器你的文档用什么标记语言,这样做可以防止出现不必要的表现错误,否则糟糕的页面显示结果会使你疯狂。打个比方:我想飞往芝加哥,就必须告诉旅行社我要去哪里,否则可能无目的的乱飞到维也纳。要显示的是HTML或者XHTML,你必须先告诉浏览器,设置DOCTYPE可以确保我到达"目的地"。

  下一个目标:严谨格式的标识。这非常容易掌握。把所有的属性加上引号(例如:<a href="link");正确的嵌套标识;关闭所有打开的标识(例如:<input type="text" /)。每一个标识或者元素都需要关闭。

  快速注释:不知道什么时候,标识(tags)变成了元素(elements),它们是相同的含意,不同的说法。不管你怎么称呼它们,现在正确的称呼似乎应该是"元素",也许一开始就是这样的,我不知道也没有人告诉过我。

     无论如何,每一个元素都必须被正确的关闭。如果你使用HTML4.01,可以不考虑单独元素象<br,<hr和<input,如果你使用XHTML,单独元素也必须关闭,就是在最后加一个斜杠,例如:<br变成<br /。

  接下来,是一个有点令人糊涂的、关于XHTML属性的规则:所有的属性都必须有一个值,如果没有值,就用它本身。例如<input type="radio" checked="checked" /。在HTML4.01中checked是不需要值的,而XHTML中它是必须的。

  最后,XHTML需要你用小写写所有的代码,HTML不区分大小写,但XHTML区分,它遵循的是XML语法规则。

  上面就是所有关于标识的变化!你已经都知道了!深呼吸、喝口啤酒,放松一下。因为那只是第一步。

  第二节

  现在,我们开始学习撰写正确的HTML/XHTMLL,并在W3组织的校验器(validator)里校验它们。如果你写得正确,你将看到一个蓝底黄字的成功信息。尝试喜欢这种颜色/字体组合吧,它将是你最好的朋友。


  为什么校验那么重要?有什么关系吗?因为poorly-written(随意的、不严谨的)标识将带来完全的不可预知性。页面的"生死"完全依赖于浏览器的错误处理方式,尽管大多数浏览器还能很好的支持poorly-written标识,但这是不正确的习惯。嗨,是什么使得我们习惯非标准?首要原因是浏览器大战,1995年微软能够从Netscape地盘里竞争获得市场就是因为IE对网页错误的处理方式和 Netscape 一模一样。

  另一个观点是:校验帮助你发现错误的代码,确保你的页面有更一致的表现。校验代码是我调试布局的第一件事,相信你也是。

  ok,当你第一次校验你的第一个站点,你很可能需要忍受一下反馈回来的七八十条不可思议的错误信息。不幸的,虽然校验有帮助信息,但并不完美,它只是由一些志愿者维护的。好消息是那些错误是关联的,如果你发现少了一个</p标签并修正了它,很可能接下来的24个错误都没有了。简言之,看起来校验结果很糟糕,但往往并不是。

  现在,你已经通过了校验,你的代码也都符合规范。此时,你坚持了一个严格的指导方针,但是对为什么首先要这样做还缺乏全面的了解。

  第三节

  下一步是采用良好格式(well-forme

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

延伸阅读
标签: Web开发
Web standards in China By Henny Swan - November 24th, 2008  在十月初的时候,我有幸在中国呆上了一段时间,与Web领域的专家、学生等交流Web标准以及他们的现状。很有意思的几个礼拜,也让我大开眼界。印象最深刻的,在中国推行Web标准的仍在少数,并且通常是孤立无援...
标签: Web开发
我是从去年初开始学习web标准的,两年下来也有些心得。最近跳槽了正好闲在家里,写一些出来和大家交流一下。 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论“^_^)。但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性。web标准...
在学习中遇到问题可以到 论坛 发贴交流! 原文作者:Roger Johansson, 456 Berea Street 中文翻译:x5stuido Last updated 2004-11-23 There is also an English vision English. T?m?dokumentti on saatavilla my?s suomeksi. Consultez l'article en version fran?aise. Dit document is ook beschikbaar in het Nederlands. Detta d...
标签: Web开发
先给前端工程师的工作下个一句话定义: 运用前端技术,实现体验的良好传达。 如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包含在内,因为其理念是一致的。 现在要在未毕业的学生中找到一个符合技能条件的 Web 前端工程师可以说是少之...
在学习中遇到问题可以到 论坛 发贴交流! 原文作者:Andrei Herasimchuk 原文出处:designbyfire.com 原文发表时间:2004年6月11日 译者前言: 这是一篇让人震惊的文章。作者的分析深刻,文笔犀利。作者担心微软会控制整个世界的观点也许偏激,但不得不引起我们的警惕和思考。该文发表后引起了激烈的争论甚至漫骂,感兴趣的建议...

经验教程

753

收藏

62

精华推荐

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