Russ Weakley
2004年8月13日
对网络标准的态度因人而异。对于某些人，它是无关紧要的，网站可以是‘随意的站点’，而对于多数人来说，它‘使用了有效的代码’。然而实际上网络标准的意义比以上这些更为宽泛。一个遵循网络标准的站点必须坚持标准 (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) 并且 追求最佳做法 (有效的代码, 简洁明了的代码, 语义正确的代码, 用户容易理解的路径等等).
也就是说一个基于网络标准构建的网站应该完美的做到以下几点：代码简练，整齐；基于层叠样式表；便于使用；好用并且具备搜索功能。
这不是一份超级清单。仍然有许多内容无法被加入到这份清单中。更重要的是，它不是一份您在开发过程中 必须 要遵循的清单，而只是一份简单的便于使用的指南：
一种文档类型代表着向validator（浏览器中验证网页代码的工具）声明了您所使用的（X）HTML的版本，该文档类型的声明必须放在每个页面的开头位置。文档类型是组成网页的非常重要的一部分：如果没有声明文档类型，那么您的标记和层叠样式表将无法得到确认。
更多：
如果一个用户端代理（例如一款浏览器）不能识别您的网站文本所使用的语言字符集，那么展现在用户面前的将是一堆无用的文本。对于维护人员或者致力于拓展多语言版本网站的工作人员来说，这条信息是格外重要的，当然致力于XHTML/HTML或者层叠样式表开发的人员来说，声明语言字符集也是很重要的。
更多：
通过验证的代码将比错误代码运行得更快。通过验证的代码也要比没有通过验证的代码运行得更好。浏览器将更加符合标准，因此书写标准的可通过验证的HTML将变得尤为重要。
更多：
您需要确保在您的HTML文件和层叠样式表文件里没有任何错误，否则任何地方的错误将会使您的页面的表现不够完美。
更多：
一般而言，hacks的使用取决于个人的选择，在工作领域所积累的知识越丰富，那么您就会努力追求更专业的设计。
更多：
我发现开发者在学习新技术的时候往往使用完美的层叠样式表，可惜XHTML的使用却不尽如人意。特别的，HTML代码经常遍布一些没有必要使用的层和id。这样导致了许多无意义的HTML，并且所展示的样式不够完美。
语义正确的标记语言使用符合其目的的HTML元素，结构合理的的HTML语言为广泛的用户代理（无样式功能的浏览器，记事本，PDAs,搜索引擎等）提供语义上的含义。
更多：
损坏的链接将使您的用户反感并且会损失掉潜在的客户。损坏的链接也使搜索引擎无法正确的找到您的网站索引。
更多：
不要让我等待…… 这是客户无数次反馈给我们的信息。甚至宽带用户有时也会遇到网页加载缓慢的问题。
Windows的IE浏览器为能够您提供一款调试程序，它能够谈出一个新的窗口并向您告知您的站点上存在javascript的错误。这项功能可在‘Internet选项’的高级标签中找到。不要选取‘禁用代码调试’选项。
采用样式表来控制网站布局和样式
Web开发者的目标是去除掉html代码中的修饰成分，使它变地简洁，语义正确。
为每一个非为本的元素提供文本描述
相对于绝对单位，在标记语言的属性值和样式属性值中使用相对单位作为尺寸的标准更好
更多：
请您进行这样一个简单的测试。使用一款能够增大文字尺寸的浏览器打开你的网站。现在请增大一点您浏览器的文字尺寸。然后再增大一点，再增达一点…… 请看您的网站。页面上的布局是否仍然保持原样？对于一个开发人员来说，认为每个人都会用默认的字体尺寸来浏览网站是不对的。
最好能够提供一种方法以便于用户可以跳过重复的导航链接。
为客户识别相关的链接组，并且当用户确定要这么做的时候，能够提供一个方法绕过这个链接组。
一大块包含过多链接的导航区域不单单只影响不熟练的访问者，因此仍然要兼顾那些适应能力不强的访问者，以免让他们在导航区域中无所适从。
对于不熟练的访问者来说，使用表单并不容易。能够在网页上浏览已经发布的内容是一回事，但是希望能够灵活的掌握表单上的字段和输入信息则是另一回事
更多：
对于数据表格来说，需要确定行和列的题头……对于有些数据表格具有更多逻辑层次的行题头或列题头，则使用标记将数据元素和题头元素联系起来
更多：
确保表现元素与背景在颜色搭配上具有充分的对比度，这样可以方便那些辨别颜色有障碍的人
更多：
确保带有颜色的信息在没有颜色是同样适用，比如背景或标记
基本上有三种颜色缺陷疾病：红绿色盲症，红色盲症和第三原色盲症。
更多：
如果下拉菜单响应得太快，那么反应不够敏捷的用户就会感觉使用下拉菜单很困难。
当没有上下文的时候，链接的文本就应该具备容易被客户理解的语义 - 无论它是单个链接还是一系列链接。链接的文本也应简洁。
在使用基于层叠样式表的布局之前，您应该确定您的网站将支持哪些浏览器并且您想为着写浏览器支持到什么程度。
有些用户可能用不支持层叠样式表的浏览器或者将层叠样式表的功能关掉的浏览器来访问您的网站。因此在内容上应该使结构更加合理，这样就会解决这个问题。
有的客户会将浏览网站的图片功能关掉 - 尤其是那些访问速度很慢的客户。因此在内容上也应该对这样的客户提供方便。
这就相当于将显示图片和层叠样式表的功能都关掉。一款基于文本的浏览器将只依赖架构良好的内容显示来展示网站的意义。
更多：
您能够打印您的（X）HTML文档和简单的样式而无需修改标记。
更多：
由于便携式设备总是支持它们自己的正确的媒体类型，因此这是个较难解决的问题。当然，有些布局在现有的便携式设备中能够正常工作。支持便携式设备的重点取决于受众群体的市场。
元数据是机器能理解的关于网站的信息。
元数据是用来特别描述另外一个资源的结构信息。换句话说，元数据是‘关于数据的数据’。
网页开发人员通常需要规定的平均的屏幕分辨率越来越大。有的开发者假定平均的屏幕分辨率是宽度为1024px。但是如何兼顾使用偏小的屏幕或者使用便携式设备的用户？这些用户也是您的目标市场群体吗？他们是否无法得到好的服务？
通过调节尺寸，突出和内容的关系来使页面中的内容更具层次感
使用标头元素传达文件的结构，并根据它们的格式加以使用
您的导航系统应该能够给访问者一条线索使他们明白他们现在在哪，并且如何进行下一步。
如果您网站上的每一页都拥有样式一致的导航界面，那么访问者将轻而易举地浏览网页和查找信息
使用简单明了的语言会促进有效的沟通。反之就会使语法难于理解，特别是如果所采用的语言不是访问者所精通的语言。
许多网站的站点地图都不能有效的表达站点多层次的信息架构。在应用测试阶段，用户经常忽视或者无法找到它们。复杂度也是一个问题：一张站点地图应该体现地图的功能，而不是刻意向自身的导航系统挑战。
对于小型的网站，搜索工具并不是必需的，因此许多人并不用它。但是专门化的网站内部搜索工具能够帮助用户更有效地找到自己所需的网站导航选项。
许多用户喜欢在浏览了站内内容之后返回首页，因此网站的首页就成了这些用户在浏览站内新的内容之前的基地。
为了最大限度地使用户足以感觉到网站的可点击性，我们对超链接修改颜色并且加下划线。用户不应该为应该在哪点击而感到困惑。
非常重要的，我们应该为用户已经访问过的链接做好标记以使用户无需反复地访问已经访问过的页面。
您请求了一个页面 —— 无论您是直接向地址栏中输入一个无效的网络地址，还是您点击了一个过期的超链接，由于显示的是一片空白，您将会在电子空间中无所适从。与普通网站相比，一个用户界面友好的网站会通过利用浏览器内置的功能来帮助用户解释问题的根源。
大多数的搜索引擎（Google 除外）并不支持路径字符串中带有问号，等号或者‘&’号…… 一个没有人能找得到的网站又怎能说是好网站呢？
对于网站来说，对从用户端得到的路径进行处理是最棘手的问题。当然，短小，符合逻辑并且自身正确的路径是很有用处的。
更多:
也许这并不重要，并且通常这种情况不太可能发生，但是最后我们能给用户更多的选择。如果一个用户仅仅输入了您网站的域名而忽视了 “www” ，导致了您的站点显示不正常，此时可以想象到您和您的用户都很难堪。
一个网站头像是一种多分辨率的图像，几乎所有的专业的成熟的网站都拥有自己的网站头像。网站头像可以使您的网站迅速升级，并且可以在访问者的浏览器中展现更加个性化的界面。
网站头像其实并不是必需的。但是如果不进行设置，它会在您的日志中造成404错误。像IE这样的浏览器将会要求服务器设置网站头像，如果服务器的站点头像不可用，那么将会产生一个404错误。因此，拥有一个站点头像将会是我们避免产生这个特殊的404错误。这与搜索引擎中访问网站的时候首先要查看 robots.txt 文件的工作原理是相通的。
Web Standards Mail list 在2004年5月第一次 简单地发布 了这份清单。2004年8月5日，悉尼Web标准组得到了这份清单。同时它也可以作为 pdf 格式的清单供开发人员使用.
© 2012 Gruden All rights reserved.
Privacy Policy