Web开发的安全之旅 | 青训营笔记

67 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第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" />