HTML代码写法规范
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="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除特定标识的字符串外不得使用引号
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所有大banner ( 468*60 ) 广告在页面上都应是上下两个
11.所有空格均为全角空格和半角空格,不使用
12.“ > ” 用> “ < ” 用<
13.路径指示用 “ > ”( >)
14.更多指示用 “ >> ”( > >)
15.所有新闻类及广告类照片和图片<img … border=1>
16.每页必须包括一个cookie tracker
l写法如下:<img width=1 height=1 border=0 src=> l位置写在</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)、次要导航、小栏目名称、侧栏采用12px;
l(新闻)标题列表字体采用14.9px;行高采用1.1em(即130%)。
l(新闻)最终页、论坛、chat、搜索结果页面均采用默认字体,可随浏览器设置而改变;
l论坛日期、图片注释等文字采用<font size=1></font>或10px。
e 的使用规范
l满页表格宽度为750 pixels 并页面居中
l尽量不使用百分比进行宽高控制
lTABLE尽量横切,便于加快下载速度
ltable位置
这里所说的table位置是指表格位于页面的左、中、右(align),一般不指上、中、下(vlign)
table居左:<table align=lift>由于缺省是居左,所以这里的"align=lift"可以不写
table居中:<table align=center>表格居中要以这种方式来写,不要写成<center>表格</center>,这样可以避免手写HTML时写完</table>而忘写</center>
table居右:<table align=right>
ltable缩进
写页面时,对于比较复杂的页面,会有表格嵌套的情况发生,由于netscape读取页面时,读完</xxxxx>才会显示此部分内容,所以相比IE的页面显示会慢一些,特别是表格嵌套过多的情况下,慢的现象尤为明显,所以应该尽量避免表格嵌套过多的情况发生。
对于不可避免的表格嵌套,应以以下方法写,每级table以一个"TAB"缩进,属于本级table下的<tr>、<td>应对齐本级<table>。例如:
例1:
<table>
<tr><td>
<table>
<tr><td>
<table>
<tr><td>表格缩进</td></tr>
</table></td></tr>
</table></td></tr>
</table>
例2:
<table>
<tr><td>
<table>
<tr><td>
<table>
<tr><td>表格缩进</td></tr>
</table></td>
<td>表格缩进</td></tr>
</table></td></tr>
</table>
l定义表格宽、高
一般简单的定义表格的宽高,就是在<table>、<tr>或<td>里面定义width=?? height=??就可以了,但是这里面有一些技巧可以在这里说一下:
1>同列表格的宽:
同列表格如果宽度一样,只写第一行定义的宽度,其他的就允许不写。如下:
<table>
<tr><td width=100>***</td><td width=200>***</td></tr>
<tr><td>***</td><td>***</td></tr>
<tr><td>***</td><td>***</td></tr>
</table>
2>同行表格的高:
同行表格如果高一样,则把height=??写入<tr>中,<td>内部需要做单独定义,另外其他同行相同的定义如背景颜色等,均可写入<tr>,如下:
<table>
<tr height=30 bgcolor=ff0000><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 方法
<table cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor=#ffb733 height=1 colspan=3><img src=images/c.gif width=1 h
-
申论写作【通用多篇】
申论写作篇一一个走向现代化的国家,经济发展是首要,但是更为重要的是让更多的人,尤其是普通人共享经济发展的成果。“让改革的红利惠及全体人民”总理的要求是我们孜孜以求的希望,这句话同样契合新时代的中国工人——这群以80、90后为代表的新生代工人。提供基础的...
-
高中议论文写作素材【精品多篇】
议论文素材篇一多少年才能写成巨著——持之以恒是成功的“铁律”马克思写《资本论》花了40年;达尔文写《物种起源》花了20年。哥白尼写《天体运行论》花了36年;摩尔根写《古代社会》花了40年。歌德写《浮士德》花了60年;托尔斯泰写《战争与和平》花了37年。司马迁...
-
英语写作基础练习通用多篇
英语写作基础练习篇一今日作文题:CanMoneyBuyHappiness?金钱能买到幸福吗?提示句:许多人认为钱越多,越幸福。我认为幸福取决于……应该如何对待金钱?范文:CanMoneyBuyHappiness?金钱能买到幸福吗?Nowadays,alotofpeopleinsocietythinkthemoremoneytheyhavethemorehapp...
-
国小生写作指导【精品多篇】
国小生写作指导篇一在温哥华的郊外,六只小鸭子正在向妈妈请求出去逛逛。妈妈坚决反对,但小鸭们一个一个()向妈妈撒娇,满身的绒毛摇摆不停,不时眼里闪烁着祈求的光芒。妈妈禁不住孩子的“攻击”,终于答应了小鸭子们。鸭妈妈喊着口令集合队伍“嘎—嘎—”;但是小鸭子...
相关文章
- Unit 6 How many? Part ALet’s learn & Let’s chant教学设计
- “Who Then Will Speak for the Common Good?”
- Unit 1 How tall are you?Part B Let’s try & Let’s talk 教学设计
- The Assessment: Phil Jones’ Dilemma
- 再说title和meta写法的注意事项
- 外国名著英语读书笔记 The Tragedy of Hamlet
- 经典英文演讲稿——The rhythm of life(精选多篇)
- 词汇教学与写作--Should the students do housework at home?
- Love the public, start with me
- PEP四年级上册Unit2 My schoolbag Let’s spell 教学案例