Copyright © 2006-2007 中国建站网. All Rights Reserved .
合作联系： QQ: 8856499 黔ICP备07001966号
详细讲解从六个方面将您的网站质量提升至最高
在本教程中，您将学到如何将您的网站质量提升至最高。您将学习使用最新的WEB标准。还将学习如何使网站的易用性更强、更易读。
一、标准
最重要的质量标准。
根据web标准编写您的页面有助于改善您的网站品质。
HTML 标准
XHTML 是最新的 HTML 标准，是用 XML 重新表达的 HTML 4.01。
根据 HTML 4.01 编写页面可使您的站点尽可能地接近 XHTML 标准。
CSS 标准
对于高品质的站点来说，使用层叠样式表（CSS）是将内容与样式分离的首选方式。通过使用 CSS，您能够在一个单独的文档中存储有关页面样式的所有信息。
所有现代的 web 浏览器均支持 CSS 1 和 CSS 2 标准。
对于不同的浏览器，使用 CSS 都可以改进网站的品质，并提高可读性。同时还可以极大地减少您的网站开发成本。
Web 验证
web 验证工具是一种软件程序，可根据 web 标准对您的网站进行检查。
当您使用验证工具检查过HTML, XHTML 或 CSS 文档之后，验证器就会根据您选择的标准返回一系列所发现的错误。通常，验证器会返回所发现错误的行号。
请确保你在发布页面前进行验证成为一种习惯。
WAI - Web Accessibility Initiative
WAI 指的是"Web Accessibility Initiative"，是由 W3C 发起的。
WAI 协调全球的组织通过六项主要的工作领域来提升因特网的可用性：技术、指导方针、工具、教育、研究以及开发。
您能够通过根据 WAI 的指导方针编写的页面，来改善网站的品质，并使得您的站点可用于更多人群（及浏览器）。
二、HTML 元素
最重要的HTML元素。
对于提升 web 品质，<DOCTYPE>、<title> 以及 <h1> 都是重要的标签。
<DOCTYPE> 元素
Doctype means a "document type declaration" (DTD).
所有的 HTML 和 XHTML 页面都应当使用 <Doctype> 元素来定义遵照何种 HTML 版本。
doctype 定义了您正在使用的 HTML 版本，并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。
文档类型声明同时也使验证软件可以对页面的语法进行检查：
HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<title> 元素
<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。
即使标题不是网页的一个可见的部分，它对于提升网站的品质依然是重要的，这是因为它在以下位置都是可见的：
- 搜索引擎列表
- 窗口的标题栏
- 用户的书签中
标题应当尽可能地短，并具有可描述性。
当某个用户在 internet 上搜索网站时，大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。
当用户访问您的网站时，在窗口的标题栏中标题是可见的。请确保即使窗口被最小化，标题同样能起到描述网站内容的作用。
在用户访问你的网站之后，网页的标题会存储于历史文件夹（用户甚至会把网页收藏到他的收藏夹中）。为了后续的成功访问，同样请确保标题可以清楚地描述您的网站。
优秀的标题：
<title>HTML 教程</title><title>XML 简介</title>
差劲的标题：
<title>简介</title><title>章节 1</title><title>中国建站网提供网页制作教程，动态网页教程，建站指南，Flash动画，视频教程，网页特效，网页素材等。</title>
<h1> 元素
<h1> 元素用来描述网页中最上层的标题。
由于一些浏览器会默认地把<h1>元素显示为很大的字体，因此会有一些web开发者使用<h2>元素代替<h1>元素来显示最上层的标题。这样做不会对读者产生影响，但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。
请确保把 <h1> 用于最顶层的标题，<h2> 和 <h3> 用于较低的层级。
可以试着根据此模版来构造您的网页：
如果您不喜欢默认的标题字体尺寸，可以使用样式或样式表来改变。
三、样式表
最重要的 CSS 元素。
使用样式表对于提升网页品质至关重要。
请勿使用 font 标签
应使用 CSS 来设置显示网页上的字体尺寸。请不要使用 font 标签。
使用 <font> 标签会增加文档的规模，而且使您每次改变标准文字尺寸的工作成为一场梦魇。
请设想一下下面的情况：
一天您决定修改网站中所有标题的颜色和尺寸。通过 CSS，您只需要修改一行就可以做到这一点。假如您使用了 <font>标签，那么您需要把网站中所有页面的所有标题都修改一遍。
使用样式替代 <font> 标签可使我们更轻松地为网页制作高质量的界面。
请勿使用固定的字体尺寸
不要使用固定的尺寸值。请始终使用相对的尺寸值。
这项建议最重要的理由是无法通过浏览器重新调整固定尺寸的大小。
您的访问者会使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视）。
例如，可以把某人的文字尺寸设置为100%（或者 medium ），主标题设置为140%（或者 x-large ），而次级的标题设置为120%（或者 large ），这样用户就可以使用浏览器来重新设定最喜欢的尺寸了。
通过调整网页的文本尺寸的功能，也可以改变打印页面的文字数目。
请勿使用很小的默认字体尺寸
一些网站会使用很小的文字尺寸，这样就可以向每张页面“塞”入更多的内容，或者使页面看上去更“时髦”。
再次重申，使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视），都可能对用户造成阅读障碍。
请不要逼迫用户每次访问你的站点时都要放大
相关文章
广告赞助
网友评论
共有 0 位网友发表了评论,平均得分: 0 查看完整内容