网页制作注意问题-标记运用
1. 小心使用框架(Frame)。框架易学难精,它虽有快速、漂亮和方便更新等优点, 但稍有不慎会适得其反,切勿勉强使用,由于 IE 及 NC 对框架属性定义有所差异,公开网页前宜作多方面测试,可能你的框架于 IE 显示下是漂亮的一页,但于 NC 可能是最丑陋的。
2. 背景音乐尽量同时使用 bgsound 及 embed 两种标记,照顾旧版的浏览器,或可使 用 javascript 分辨浏览器以印出适当的媒体标记。
3. 应用框架 Frame 时要加入不支持的提示以提醒旧版的浏览器的用户,亦可以是藏着一没有框架的版本或一个连到另一版本的连结,这样不但照顾到旧版的浏览器,亦有利于登一些寻找引擎。
4. 同一页中不要使用太多的 HR 标记,即水平分隔线,否则你的网页看起来会支离破碎,要达到文件清晰或主次分明,可改变字体的大小、颜色或底色。或采用清单标记,不一定要使用水平线。
5. 不要使用“点选这里”“Click Here”之类的字眼当作连结,正确的做法如:“请 到 Microsoft 网站看看 Windows 98 的介绍吧”。
6. 不要勉强使用闪烁文字,指 Blink 标记,不必说它的被支持问题,这类的闪烁常为浏览者带来紧张和不安,要知道制作网页的首要条件便是要让访客看得舒适,不要因小失大。
7. 使用 ImageMap 时,不要让关键区域太近或重叠,不要让你的访客猜测关键区域, 如果图片示意不够清楚可加些文字说明,按键的作用只是用以打开另一文件,只要能做到清楚及显眼便足够。
8. 编辑完 ImageMap 后不要更动原来图片档案,否则它的关键区域会因相对座标值的更变而失准。
9. 在表单中使用 Action=mailto 时,要提醒使用者不要期待立即的回应,否则你的访问者便「痴痴地等」或多按几次“Submit”,最好还是使用 CGI 吧。
10.不要让你的表单太长或超过两页,除非访者非填不可,否则他们会不耐烦,在网上要访者主动填写你的表单并不容易,所以花多些心思在表单的设计上是应该的。
11. 使用 <;PRE>; 标记时,其内的文字不要太长,因为浏览者可能使用低解像的作业环境,但该文字却不会换行以适应浏览器视窗。
12. 不要在说明标记 <;!-- 说明 -->; 中加入其它标记或连结,因为有小数浏览会把它解读出来。适当运用说明标记,对较大型的网页是很重要的。
13. 不要依赖 <;TABLE>; 标记中的参数 align="CENTER" 将表格置于中间,因为很多浏览器并不支持,你还是需要不厌其烦地加上 <;CENTER>; 标记。
14. 网页的版权声明有三种显示方法,第一是当作一般文字显示于浏览画面,第二是利用说明标记 <;!-- Copyright -->;,第三是利用 <;META>;标记。
15. 登录网页于 META Search Engine 时,先以 <;META>; 标记于 <;HEAD>; 位置加上介绍及关键字,这些资料会为搜索引擎所记录,亦是搜索者所看到的结果。
16. 避免标记交错使用,如:
对: <;B>;<;I>;HKIWC<;/I>;<;/B>;
错: <;B>;<;I>;HKIWC<;/B>;<;/I>;
并不是所有浏览器都如 IE 一样,善于处理交错及欠缺标记。
17. 制作表单时必须分别以 NC 及 IE 作测试。对 NC 而言,表单各元件如文字框、卷动选单等的高度及其内的文字皆受 <;FONT>; 一类的字形标记所影响,尤其是 Character Set,若设为 GB 2312 的话更要注意 NC 及 IE 对各表单元件的大小有不同的显示效果。