如何改善网站品质

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值