3. 为了保证不同浏览器上字号保持一致,字号建议用点数pt或像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px,这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。
4. 排版中我们经常会遇到需要进行首行缩进的处理,不要使用 或者全角空格来达到效果,规范的做法是在样式表中定义p{text- indent:2em;},然后给每一段加上<p>标记。注意,一般情况下,请不要省略</p>结束标记。
5. 不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外。汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
6. 所有的字号都应该用样式表来实现,禁止在页面中出现<font size=**>标记。
7. 请不要在网页中连续出现多于两个的 也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
8. 中英文混排时,我们尽可能的将英文和数字定义为verdana和arial两种字体。
9. 行距建议用百分比来定义,常用的两个行距(line-height)的值是120%和150%。
关于代码
1. 为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,即我们应该写<a href="url">而不是<a href=url>。
2. 允许全文检索的页面,为了使Internet上的搜索引擎能够有效检索,在频道的首页的html的<head></head>之间应该加入Keywords和Description元标记,例如:
| <meta name="keywords" content="互联网,web2.0,陈亮,blog"> <meta name="description" content="陈亮的网络日志"> |
3. a:link、a:visited、a:hover、a:actived按此顺序排列,否则或多或少会出问题。另外约定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读。
关于表格
1. 处理网页中的表格禁止直接复制粘贴WORD中的表格,应在网页制作软件中制作表格。在空的单元格中,应插入一些与网页背景颜色相同的点,使表格在浏览器显示比较美观。
2. 高度大于等于12px的单元格应该在<td>和</td>之间写一个 如果高度小于12px,则应该在<td>和</td>之间的 换成一个空格。
3. 一般情况下只有一列的表格,width写在<table>的标签内,只有一行的表格,height写在<table>的标签内,多行多列的表格,width和height写在第一行或者第一列的<td>标签内。总之遵循一条原则:不出现多于一个的控制同一个单元格大小的 height和width,保证任何一个width和height都是有效的,也就是你改动代码中任何一个width和height的数值,都应该在浏览器中看到变化。
4. 在排布表格之前,一定要思考出一个最佳的方案,表格的嵌套尽量控制在三层以内,并且应该尽量避免<colspan>和<rowspan>两个标记,经验表明,这两个标记会带来许多麻烦。
5. 一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用< tbody>标记,以便能够使这个大表格分块显示。
关于图片
原则上,禁止用<img width=? height=?>来人为干预图片显示的尺寸,而且建议<img>标签中不要带上width和height两个属性,这是因为制作过程中,图片往往需要反复的修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能;但是这样的一个副作用是当网页还未加载图片时,不会留出图片的站位大小,可能会造成网页在加载过程中抖动(如果图片是插在一个固定大小的表格里的,不会有这个现象),尤其是当图片的尺寸较大时,这种现象会很明显,所以当预料到这种会明显导致网页抖动的情况会发生时,请大家务必在最后给<img>附上width和height属性。
关于文件
1. 每个页面都应包括版权及网站管理员的E-mail地址。
2. 网页设计时要考虑到IE和Netscape浏览器的兼容性。国内用户可先优考虑IE浏览器,美国、日本用户必须使两种浏览器均能正确浏览。
3. 在网站根目录中开设images、common、temp三个子目录,根据需要再开设media子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner条、菜单、按钮等等;common子目录中放css、js、php、include等公共文件;temp子目录放客户提供的各种文字图片等等原始资料;media子目录中放flash,avi,quick time等多媒体文件。
4. 网站中的路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样:<a href="aboutus/index.htm">,而应该这样:<a href="aboutus/">。
5. “网页大小”定义为网页的所有文件大小的总和,包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在34K以下为合适。
6. 在网页中使用帧破坏了基本的网页用户模式。产生了一系列的问题,用户不能收藏当前的页面、不能打印网页。 ]]>


