当前位置：首页 -> 站长CLUB -> 经验技巧 -> 通向web标准之路

通向web标准之路

时间： 2021-07-31 作者：daque

今世界午，我的一个伙伴问我：对于一个想领会web规范的老网页安排师有什么倡导。我想将我的email恢复贴在这边让更多人瞥见将是一个很好的典型。我的恢复是：这有一个所有的，非正式的，有些罗嗦的指南，送给一切传闻过web规范，蓄意运用web规范却又不领会从何处发端安排师。正文开始不要急着发端！在做任何工作之前做好2个情绪筹备，这对你的进修进程是最要害的工作：1).进修须要功夫，要循规蹈矩； 2).进步的进程中会遇到妨碍。然而你并不独立，咱们中很多人正在加入到进修和运用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.0第11中学checked是不须要值的，而xhtml中它是必需的。结果，xhtml须要你用小写写一切的代码，html不辨别巨细写，但xhtml辨别，它按照的是xml语规则则。上头即是一切对于标识的变革！你仍旧都领会了！深透气、喝口啤酒，减少一下。由于那不过第一步。第二节此刻,咱们发端进修撰写精确的html/xhtmll，并在w3构造的校验器(validator)里校验它们。即使你写得精确，你将看到一个蓝底黄字的胜利消息。试验爱好这种脸色/字体拉拢吧，它将是你最佳的伙伴。干什么校验那么要害？有什么联系吗？由于poorly-written(随便的、不严紧的)标识将带来实足的不行先见性。页面包车型的士"存亡"实足依附于欣赏器的缺点处置办法，纵然大普遍欣赏器还能很好的扶助poorly-written标识，但这是不精确的风气。嗨，是什么使得咱们风气非规范？重要因为是欣赏器大战，1995年微软不妨从netscape土地里比赛赢得商场即是由于ie对网页缺点的处置办法和 netscape 如出一辙。另一个看法是：校验扶助你创造缺点的代码，保证你的页面有更普遍的展现。校验代码是我调节和测试构造的第一件事，断定你也是。 ok,当你第一次校验你的第一个站点，你很大概须要忍耐一下反应回顾的七八十条不堪设想的缺点消息。悲惨的，固然校验有扶助消息，但并不完备，它不过由少许理想者保护的。好动静是那些缺点是关系的，即使你创造少了一个</p>标签并矫正了它，很大概接下来的24个缺点都没有了。简言之，看上去校验截止很蹩脚，但常常并不是。此刻，你仍旧经过了校验，你的代码也都适合典型。此时，你维持了一个庄重的引导计划，然而对干什么开始要如许做还不足所有的领会。第三节下一步是沿用杰出方法(well-formed)的标识重构你仍旧创造的文书档案，剥离那些被越来越多新近的doctype名列“不扶助”运用的展现层的属性，将它们放在一个独立的文献中。这即是倍受争议的"展现与构造相辨别"，这也是干什么css遭到人们关心的因为。如许比如：你的文本是实质。实质是完备的，然而没有任何实质构造的提醒(比方：空格、节、题目、列表等)，你获得的不过一个凌乱的文本，实足不好用。构造层是特殊的，在文书档案中加个其余元素以传播特殊的构造消息，来冲破凌乱的文本，使之更有论理性、构造性。然而那些元素并不许遏制文本的默许表面。比方，你往往创造第一页的题目比正笔墨体大，这并不是构造的效率。是"展现层"展示的功夫了。展现是方法化的提醒，它报告第一页的题目是赤色的，斜体的，字体尺寸是正笔墨体的150%。展现层是文书档案构造层之上特殊的层。css就属于展现层,它不妨经过文书档案上大略的标志，将文书档案变换成令人诧异的情势--不妨考察css zen garden 看范例。那么，什么是从构造中辨别展现最佳的本领？咱们拿一段保守代码来证明，个中包括用来供给展现的 html元素或属性。是砍掉那些bgcolors和<center>标签的功夫了，咱们来一个随堂尝试：在底下这段演练代码中，哪些用来展现的属性和标签该当被取消？<center><h1><font face="verdana">this is my first web site.</font></h1></center> <table border="0" cellpadding="0" cellspacing="0"> <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <td bgcolor="#ffffff" valign="top" align="center"><p>they're coming to take me away...</p></td> 筹备好你的谜底了吗？好，精确的截止列在底下，这是纯洁的没有展现陈迹的构造化的代码：<h1>this is my first web site.</h1> <table> <body> <td><p>they're coming to take me away...</p></td> 就如许？即是如许。固然这段代码不精确适合任何一种典型，如许的辨别，更大的意旨在乎运用了精确的元素。运用表格构造则是其次题目，在上头的例子中，运用表格本领不精确，从深刻、精心的观点商量该当移去<table>和<td>元素。固然表格不被扶助运用，但表格仍旧特殊有效，它们不妨用在符合的场合--表格陈设的数据上。好，咱们仍旧将方法从咱们的页面剥离，万岁！此刻还做什么呢？那只剩下少许黯淡的元素，times-new-roman字体的文本和线条。一点都不风趣，何处是咱们承诺的灵巧美丽的页面？回顾看zen garden的例子，瞥见心爱的安排了吗？看上去它们是如许各别？要害是：在那些美丽的安排底下是沟通的xhtml，就和你方才未方法化的文书档案一律蹩脚。不对吗？究竟上，蹩脚和黯淡却有一个好的普通，你大概仍旧提防到这个没有方法化的html看上去就象1994年的web一律蹩脚。除去少量不同，那些元素和web自己一律老，<h2>自从mosaic欣赏器展示那天就有了。长处固然不只限于此，简直不必商量易用性(满意那些特出需要)，内建探求引擎优化，带宽的本钱低沉，之类之类。jeffrey veen仍旧在客岁写了"web规范的贸易价格"，roger johansson在他迩来的"运用web规范开拓"中也证明了鉴于规范的安排的本领和长处。 css仍旧被即日一切合流欣赏器很好的扶助，罕见不尽的资源扶助进修css的语法、鉴于css的构造以及高档本领。我引荐几个比拟好的：westciv供给一个正在举行的免费的css课程，将扶助你初学和赶快控制。andrew fernandez仍旧创造了一个宏大的css资源列表，不管你能否生人都将对你有扶助。eric meyer仍旧写了一捆书，你不妨放在城头随时查看。那些书囊括以案例为普通的《eric meyer on css》《more eric meyer on css》。o’reilly出书社出书的css参考书：《css权势指南》仍旧刊行第2版，你最佳也放在桌上。同样再有molly holzschlag的《the designer’s edge》以及chris schmitt的《designing css web pages》。深刻运用css的详细和建立构造将耗费太多功夫。我就不多说了。之上即是我能给那些发端提防web规范的安排师的倡导。通读并瓜分您的心得，让咱们动作一个大众一道生长，咱们中有很多人在主动激动web规范兴盛，咱们有一个寰球的搜集，充溢运用它吧。

通向web标准之路

相关推荐

推荐下载

热门阅览

最新排行