如何改善网站品质

web标准

严格根据web标准编写页面有助于改善网站品质

例如：
（1）根据HTML 编写页面可使站点尽可能地接近 XHTML 标准

（2）使用层叠样式表（CSS）将内容与样式分离，可提高可读性，同时极大地减少网站开发成本

（3）发布页面前使用web 验证工具根据 web 标准对网站进行检查

（4）根据 WAI （无障碍网页倡议）的指导方针编写页面，可以改善网站品质，并使得站点可服务于更多人群

HTML

1、< !DOCTYPE > 元素
（1）doctype 定义了用户使用的 HTML 版本，并为浏览器提供重要的信息以便其更快速一致地呈现页面

（2）所有的 HTML 和 XHTML 页面都应当使用 < Doctype > 元素来定义遵照何种 HTML 版本

（3）文档类型声明同时也使验证软件可以对页面的语法进行检查

2、< title > 元素
元素主要功能是描述网页的内容，它在以下位置都是可见的：
搜索引擎列表

窗口的标题栏

用户的书签中

因此，标题应当尽可能地短，并具有可描述性
（1）确保标题与网页的内容是吻合的。搜索引擎都会在搜索结果中显示出网站的标题，用户有更多的可能通过点击这些链接来访问网站

（2）确保在窗口的标题栏中标题是可见的。即使窗口被最小化，标题同样能起到描述网站内容的作用

（3）确保标题可以清楚地描述您的网站。网页的标题会存储于历史文件夹，以便后续的成功访问

3、< h1 > 元素
< h1 > 元素用来描述网页中最上层的标题

确保把 < h1 > 用于最顶层的标题，< h2 > 和 < h3 > 用于较低的层级，有助于搜索引擎和其他软件理解网页结构

根据此模版来构造网页

CSS

1、不要使用 标签来设置显示网页上的字体尺寸，因为不仅增加文档的规模，而且难以改变标准文字尺寸

2、请勿使用固定的字体尺寸，因为无法通过浏览器重新调整固定尺寸的大小，要始终使用相对的尺寸值

3、请勿使用很小的默认字体尺寸

4、始终使用一致的背景颜色，如果不定义背景颜色，那么网站可能会被糟糕的颜色组合搞砸，同时可能会使文本很难被识别

可读性

内容是网站的核心，因此正确使用字体和颜色可使网站更易阅读

1、留意颜色的对比，黑底白字或者白底黑字是最佳

2、留意字母的间距和文字的行距

3、避免花哨的字体

4、尽量少用斜体

无障碍(WAI)

能够被残障人士使用的网站才能称得上一个易用的网站

假如网站缺乏诸如可调节字体尺寸、带有文本描述的图形以及便捷的导航，那些用户就无法正常访问网站信息

1、使用可调节的字体大小

2、使用 “alt” 属性
有时候浏览器会无法显示图像，如果使用了 alt 属性，那么浏览器至少可以显示或读出有关图像的描述

国际化

1、国际字符集
所有的 W3C 标准（自从1996年），包括 HTML、XHTML 和 XML 都定义了一个名为 Unicode (ISO 10646) 内部的内部字符集

所有现代 web 浏览器都在原生地使用此字符集。而大多数在 internet 上传输的文档并没有使用这个 Unicode 字符集

正因如此，Internet 客户（浏览器）与 Internet 服务器 之间必须有一种在通信中一致使用字符集的方法

对每个文档在用的字符集进行标记，对于提升网站的品质来说至关重要
始终在 元素内 使用下面的的元元素：

<meta charset="x">

把 X 替换为自己所使用的字符集，比如ISO-8859-1、UTF-8 或者 UTF-16

2、国际日期
国际标准化 (ISO) 为日期定义的国际标准格式是 “yyyy-mm-dd”，yyyy 是年，mm 是月，dd 是日

例如：
可以表示为2004年3月2日，或者2002年3月4日，亦或者2002年4月3日

参考

http://www.runoob.com/quality/quality-tutorial.html