《HTML代码写法 规范.docx》由会员分享，可在线阅读，更多相关《HTML代码写法 规范.docx（4页珍藏版）》请在金锄头文库上搜索。
1、HTML代码写法规范 1.页面内码标识顺序 l<html> l<head> l<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> l<title>页面标题_栏目名_频道名_山东教育资源网</title> l<style type="text/css"></style> l<map name="s"><area coords=&qu
2、ot;527,4,574,21" href=""></map> l</head> 2.所有页面必须注明“Title”名称 3.<body> 中必须标明bgcolor 属性，无背景色时附值 “#ffffff” 4.<form></form>项尽量填入<table>和<tr>之间 l例：<table> <form> <tr></tr></form></table> 5.对引号的用法 l除特定标识的字符串外不得
3、使用引号 6.对16进制数的标识一定要加 “#“ 7.使用<li>、<dd>等格式控制时需加注<ul></ul>和<dl></dl>，但在标题列表结构中可以单独使用<li> 8.所有html格式必须写完整，<格式></格式> 9.所有图形均标注width及Height，稍大的图形或标志需要加ALT注释 10.关于广告的写法 l模板中广告标准写法 <!-广告-> <img src=c.gif width=468 height=60 Alt=“广告位“> l所有大ba
4、nner ( 468*60 ) 广告在页面上都应是上下两个 11.所有空格均为全角空格和半角空格，不使用 12.“ > ” 用> “ < ” 用< 13.路径指示用 “ > ”（ >） 14.更多指示用 “ >> ”（ > >） 15.所有新闻类及广告类照片和图片<img border=1> 16.每页必须包括一个cookie tracker l写法如下：<img width=1 height=1 border=0 src=http:/cn- l位置写在&
5、lt;/body>前，并独立成行 17.禁止在字符串尾部加空格（西文、中文）方式控制屏幕位置。 18.两种浏览器下、1024*768和800*600下与PSD一致 19.页面文字与图、表格线等任何可见元素之间至少保持5像素的距离。 20.所有表格均应具有可纵向缩放特性。 21.尽量不使用<SPAN>控制字体 22.在制作带点符号的标题列表时一律采用li控制，在没有缩进要求的情况下可以不用UL/UL标准格式，但点前面至少保留五个像素的留白。并且，必须在STYLE中使用CSS（line-height:130%）控制行距。 23.字体字号的使用规范 l主要导航条(folder)、次
6、要导航、小栏目名称、侧栏采用12px； l（新闻）标题列表字体采用14.9px；行高采用1.1em（即130%）。 l（新闻）最终页、论坛、chat、搜索结果页面均采用默认字体，可随浏览器设置而改变； l论坛日期、图片注释等文字采用<font size=1></font>或10px。 24.Table 的使用规范 l满页表格宽度为750 pixels 并页面居中 l尽量不使用百分比进行宽高控制 lTABLE尽量横切，便于加快下载速度 ltable位置 这里所说的table位置是指表格位于页面的左、中、右(align)，一般不指上、中、下(vlign) table居左：&
7、lt;table align=lift>由于缺省是居左，所以这里的"align=lift"可以不写 table居中：<table align=center>表格居中要以这种方式来写，不要写成<center>表格</center>，这样可以避免手写HTML时写完</table>而忘写</center> table居右：<table align=right> ltable缩进 写页面时，对于比较复杂的页面，会有表格嵌套的情况发生，由于netscape读取页面时，读完</xxxxx>才会显示
8、此部分内容，所以相比IE的页面显示会慢一些，特别是表格嵌套过多的情况下，慢的现象尤为明显，所以应该尽量避免表格嵌套过多的情况发生。 对于不可避免的表格嵌套，应以以下方法写，每级table以一个"TAB"缩进，属于本级table下的<tr>、<td>应对齐本级<table>。例如： 例1: <table> <tr><td> <table> <tr><td> <table> <tr><td>表格缩进</td></tr&
9、gt; </table></td></tr> </table></td></tr> </table> 例2: <table> <tr><td> <table> <tr><td> <table> <tr><td>表格缩进</td></tr> </table></td> <td>表格缩进</td></tr> </tabl
10、e></td></tr> </table> l定义表格宽、高 一般简单的定义表格的宽高，就是在<table>、<tr>或<td>里面定义width=? height=?就可以了，但是这里面有一些技巧可以在这里说一下： 1>同列表格的宽： 同列表格如果宽度一样，只写第一行定义的宽度，其他的就允许不写。如下： <table> <tr><td width=100>*</td><td width=200>*</td></tr> <
11、tr><td>*</td><td>*</td></tr> <tr><td>*</td><td>*</td></tr> </table> 2>同行表格的高： 同行表格如果高一样，则把height=?写入<tr>中，<td>内部需要做单独定义，另外其他同行相同的定义如背景颜色等，均可写入<tr>，如下： <table> <tr height=30 bgcolor=ff0000><
12、td>*</td><td>*</td></tr> </table> 3> <td>的宽高定义： td有背景颜色，如有实质性内容，不写c.gif和 等 td有背景颜色，无实质性内容，定义宽小于10像素不定义高时.写入<br>；定义高小于10像素不定义宽时，写入"<img src= c.gif width=1 height=1>"；定义宽高均小于10像素时，写入"<img src= c.gif width=1 height=1>" td如果不含背景颜色并且不含实质性内容，那么td内可以为空 (不写c.gif和 等) l表格边框线制作技巧 1、背景色加c.gif 方法
