这是我参与「第五届青训营」伴学笔记创作活动的第13天
1、HTML 标准:
- XHTML 是最新的 HTML 标准,是用 XML 重新表达的 HTML 4.01。
- 根据 HTML 4.01 编写页面可使站点尽可能地接近 XHTML 标准。
2、CSS 标准:
- 对于高品质的站点来说,使用层叠样式表(CSS)是将内容与样式分离的首选方式。通过使用 CSS,能够在一个单独的文档中存储有关页面样式的所有信息。
- 所有现代的 web 浏览器均支持 CSS 1 和 CSS 2 标准。
- 对于不同的浏览器,使用 CSS 都可以改进网站的品质,并提高可读性。同时还可以极大地减少网站开发成本。
3、Web 验证:
- web 验证工具是一种软件程序,可根据 web 标准对网站进行检查。
- 当使用验证工具检查过HTML, XHTML 或 CSS 文档之后,验证器就会根据选择的标准返回一系列所发现的错误。通常,验证器会返回所发现错误的行号。
- 将发布页面前进行验证养成一种习惯。
4、可读性:
(1)留意颜色的对比
对于视力不太好的人或者对于不太好的显示设备来说,黑底白字或者白底黑字是最佳的。
(2)留意字母的间距
对于视力比较弱的读者,比较近的字母间距会带有不小的阅读困难。字母间距适中的文本就比较容易阅读了。
(3)留意行间距
适中的行间距易于阅读,反之,行间距太小则难以阅读。
(4)避免奇特的字体
本文中的字体是很适合阅读的。
(5)尽量少用斜体
普通字体易于阅读。斜体字往往难以阅读。
5、易用性:
(1)使用可调节的字体尺寸
请使用相对的字体尺寸,这样用户就能够使用浏览器菜单来改变默认的字体尺寸。
(2)使用 "alt" 属性
alt 属性允许为图像(或其它元素)提供一条相对应的文字。
<img src="images/bana.jpg" alt="Banana" />
有时候浏览器会无法显示图像。具体的原因有:
- 用户关闭了图像显示
- 浏览器是不支持图形显示的迷你浏览器
- 浏览器是语音浏览器(供盲人和弱视人群使用)
如果使用了 alt 属性,那么浏览器至少可以显示或读出有关图像的描述。
6、国际化:
(1)国际日期
国际标准化 (ISO) 为日期定义的国际标准格式是 "yyyy-mm-dd",yyyy 是年,mm 是月,dd 是日。
(2)国际字符集
始终在<head>元素内,使用下面的的元素:
<meta http-equiv="Content-Type" content="text/html;charset=X" />