Web 标准要求一览表
作者:Weakley 来源:Jason's Blog 发布时间:2009-01-08 12:35:00
Web 标准要求一览表
Russ Weakley
Jjgod Jiang
14-Aug-2004
目录
1 Web 标准,不仅仅是“不用表格的站点”
2 有关这张一览表
3 一览表
3.1 代码质量
3.2 内容与表现的区分度
3.3 对用户的亲和力
3.4 对设备的亲和力
3.5 基本的可用性
3.6 站点管理
Web 标准,不仅仅是“不用表格的站点”
“Web 标准”这个词在不同人眼里可能有不同的含义。有人会觉得那是“不用表格的站点”,也有人会觉得那是“使用通过验证的代码”。实际上,Web 标准涵盖的比这宽泛得多,用 Web 标准建构的站点必须坚持标准 (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG 等等) 并执著于实践 (通过验证的代码,有亲和力的代码,语义正确的代码,对用户友好的 URL 等等)。
换句话说,用 Web 标准建构的站点,如果理想地看,必须简洁,干净,基于 CSS,有亲和力,有可用性,以及对搜索引擎友好。
有关这张一览表
这显然还不是一张完整的表格,很可能要加上很多东西。然而更重要的是,并非其中每样东西都必须在你的站点中找到,这只是一个向导,用来:
展示 Web 标准领域的跨度
作为开发者手边的便捷的查询工具
帮助正在慢慢转向 Web 标准的开发者们适应
一览表
代码质量
使用了正确的 DOCTYPE 吗?
http://www.w3.org/QA/2002/04/valid-dtd-list.html使用了正确的字符集吗?
http://www.w3.org/International/O-charset.html使用了合法的 (X)HTML 吗?
http://validator.w3.org/使用了合法的 CSS 吗?
http://jigsaw.w3.org/css-validator/用到了哪些 CSS Hack?
http://css-discuss.incutio.com/?page=CssHack使用了多余的 class 或者 id 吗?
代码的语义结构是否正确?1
http://www.w3.org/2003/12/semantic-extractor.html是否有坏掉的链接?
http://validator.w3.org/checklink在页面和脚本大小的影响下,站点的速度如何?
http://www.websiteoptimization.com/services/analyze/有没有什么 JavaScript 错误?2
内容与表现的区分度
是否所有的表现类信息都用 CSS 来处理了?(字体、颜色、补白、边框等等)
是否所有的装饰性图片都用 CSS 来处理而不是直接写在 (X)HTML 中了?
对用户的亲和力
所有的描述性图片都用了 alt 属性来提供文字信息吗?
字体使用了相对单位而不是绝对单位吗?
如果字体增大,会不会有些排版方面的错误出现?
是否使用了弹出式菜单?
表单 (form) 是否具有亲和力?
表格是否具有亲和力?
配色的亮度和对比度足够吗?
是否只用颜色来区分重要的信息?
弹出式菜单是否有一个延迟的响应?(为一些反映不那么敏捷的人士考虑)
是否所有的链接都具有描述性?3 (为盲人考虑)
对设备的亲和力
新旧浏览器都至少能接受这个站点吗?
如果完全清除 CSS 的话,站点还具有亲和力吗?
如果所有图像都关闭的话,站点还具有亲和力吗?
在 Lynx 等文本的浏览器下是否可读?
打印出来是否可读?
掌上设备中是否可读?
站点是否包含了详细的元数据 (metadata)?
在不同的浏览器窗口大小下站点是否正常?
基本的可用性
从视觉上说,是否有一个清晰的层次结构?
不同等级的标题是否容易区分?
站点的导航栏是否容易辨认?
导航栏是否一致?
是否使用了一致并且合适的语言?
是否有站点地图页面和联系信息页面?它们找起来容易吗?
庞大的站点是否有搜索工具?
每页都有到首页链接吗?
链接都有下划线吗?
已经访问过的连接是否用独特的颜色来区分了?
站点管理
站点是否有一个有意义并且有帮助 404 出错页面,这个页面是否对所有的目录深度都有效?
站点的 URL 是否友好?
如果去掉“www”,链接都还正常吗?
站点是否有个图标?
以上的这份列表于 2004 年五月在 Web Standards 邮件列表上形成一个大致的框架。于 2004 年八月演示给悉尼 Web 标准小组。还有一份可以下载的 PDF 版本的一览表,可供开发者打印出来填写。幻灯片有保加利亚语版本,谢谢 Boby Dimitrov。
感谢 Rose 的校对,和 Lea de Groot 的建议。
1 译注:这个程序似乎处理中文上有一些问题,我试验过一些中文的站点都失败了,不知道是程序出错还是的确没有标记好。
2 译注:Mozilla 的 JavaScript Console 以及一个插件 JavaScript Debugger 在这方面会有些帮助。
3 译注:指的是不应该用“点这里”这样的词句做链接,而用实际相关的信息来作为链接。
猜你喜欢
- 一个很普通的网页中显示LOGO图像,按照以往的页面制作经验,基本是在页面中插入图像即可(<img src="logo.gif
- 【原文地址】 Tip/Trick: How to upload a .SQL file to a Hoster and
- DROP PRIMAY DEY用于取消主索引。注释:在MySQL较早的版本中,如果没有主索引,则DROP PRIMARY KEY会取消表中的
- 一个动态数组 a,如果你已经使用redim 语句给它设定了大小,那么在此之后使用 ubound(a) 就可以得到它的上边界。如果你没有使用
- Rel-License 是微格式的开发标准之一,简单的说就是通过给引用标签(通常是链接)加上REL属性,来标明所引用链接/数据与文章的关系。
- 以前在介绍SQL2k的时候已经提到了SQL2k对XML的支持,使用for XML语句就可以很容易的把执行的结果转化为一个XML,这样可以在很
- 如何最大限度地实现安全登录功能? 具体方法如下(这是一个程序,为便于说明,中间用虚线“------”将代
- MySQL语句优化的基本原则:◆1、使用索引来更快地遍历表。缺省情况下建立的索引是非群集索引,但有时它并不是最佳的。在非群集索引下,数据在物
- 各大著名厂家、公司的banner广告设计欣赏,尺寸468x60,gif格式!有acer,阿尔卡特,AMD,中国电信,爱立信,Greatwal
- 当然这应该属于正常过滤手法,而还有一种过滤HTML标签的最终极手法,则是将一对尖括号及尖括号中的所有字符均替换不显示,该方法对于内容中必须描
- 所谓产品其实最终展现在用户面前的只是界面而已,所谓界面绝大多数时候只包括两个部分:图片、文字。重视界面上的每一个像素和每一个文字是UED的基
- replace 方法返回根据正则表达式进行文字替换后的字符串的复制。stringObj.replace(rgExp, replaceText
- 代码如下:<% dim objconn,connstr Set objconn =&
- 有。试试下面这个程序:saveip.asp<%Server.Scripttimeout = 1000On 
- #BEGIN CONFIG INFO#DESCR: 4GB RAM, 只使用InnoDB, ACID, 少量的连接, 队列负载大#TYPE:
- '************************************* '读取文件 &
- 一、怎么样取得最新版本的MySQL?要安装MySQL,首先要当然要取得它的最新版本,虽然大家都知道在FreeBSD的Packages中可以找
- 需要准备的工具:SQL Query Analyzer和SqlExec Sunx Version第一部分:去掉xp_cmdshell保护系统的
- FSO,正如UFO般令人激动、令人神往,当然更多的亦是让人欢喜让人忧。君不见某空间服务商广告:100MB空间只要60RMB/年,支持数据库,
- 这个类主要解决在类型转换时,如果直接使用类型转换函数,会因为变量为空或者格式不对而导致程序报错,而这种报错在大多数情况下是允许的.例如要转换