如题所述
第1个回答 2011-11-10
1.HTML编码规范
HTML并不是一种编程语言，而是一种标记语言，它没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局，而使其易懂和易于维护。
1.1 标记的书写
HTML语言是不区分大小写的，但一般来说，标记使用大写书写，如<P>, <HTML>, <TABLE>等；标记中的属性一般使用小写，如<A href=”a.html”>, <font size=”5”>等。
1.2 标记的换行规范
一般一个HTML代码都会很长很复杂，因此不要把代码写得很密，这样的可读性非常差，HTML对回车和空格都不敏感，因此可以使用回车和空格，使代码的格式和结构更清晰，这样才能易于维护。很多标记一般来说要占用一行，除了同一标记的关闭标记外，最好不出现两个标记在同一行的情况。如：
<TABLE><TR><TD>text</TD></TR></TABLE>
应写成：
<TABLE>
<TR>
<TD>text</TD>
</TR>
</TABLE>
1、 通常情况下，应该换行的标记有：
Ø <HTML>和</HTML>
Ø <BODY></BODY>
Ø <HEAD></HEAD>
Ø <FORM></FORM>
Ø 当段落内容比较长时，<P></P>也应各占一行
Ø 各种列表标记
Ø 表格的相关标记
Ø <BLOCKQUOTE>和</BLOCKQUOTE>
Ø <PRE>和</PRE>
Ø <CODE>和</CODE>
2、 通常情况下，需要将开始和关闭标记放在一行的标记有：
Ø <B>和</B>
Ø <U>和</U>
Ø <I>和</I>
Ø 各种标题标记，如<H1>…</H1>等
Ø <A>和</A>
1.3 标记的关闭规范：
1、 HTML文档的正文都应在<BODY></BODY>标记中间，而<BODY>标记则应包含在<HTML>和</HTML>标记之间，如
<HTML>
<BODY>
…………
</BODY>
</HTML>
2、 对于需要关闭标记的标记，如<HTML>, <TITLE>, <BODY>, <TABLE>, <TR>, <TD>, <P>, <TEXTAREA>, <SELECT>, <FONT>, <OPTION>, <DIV>, <SPAN>等标记，都必须有相应的关闭标记出现，否则一方面使程序的可读性差，更重要的是会引起页面格式显示混乱。正确地写法应为，
<BODY>
<P>
<FONT>……</FONT>
</P>
</BODY>
3、 不能出现标记交叉的情况，如，
<P><FONT>……</P></FONT>
1.4 标记的属性值规范
对于标记中的属性值，最好使用双引号或单引号包围，这样的话不易出错。如：
<INPUT type=text value=Hello world! length=20>
本来是希望在文本框中显示“Hello world!”，但是由于没有加上引号，则只会在文本框中显示“Hello”，因此，正确地写法为，
<INPUT type=”text” value=”Hello world!” length=”20”>
1.5 标记的缩进规范
1、 最高一级的父标记采用左对齐顶格方式书写
2、 下一级标记采用左对齐后，缩进2个空格的方式书写。再下一级则以此类推。
3、 同一级标记的首字符上下应对齐。
例如，
<P>
<TABLE>
<TR>
<TD> … … … </TD>
<TD> … … … </TD>
</TR>
<TR>
<TD>
<TABLE>
… … …
</TABLE>
</TD>
<TD> … … </TD>
</TR>
</TABLE>
1.6 注释
在任何代码中都应该有做注释的好习惯，在一个复杂的HTML代码中，友好的注释是非常有用的，特别是在有很多嵌套的表格中。HTML中使用<!--… … -->来做注释。如，
<TABLE>
<TR> <!-- ROW 1-->
<TD> <!-- COL 1-->
…… ……
</TD>
<TD> <!-- COL 2-->
…… ……
</TD>
</TR>
<TR> <!-- ROW 2-->
<TD> <!-- COL 1-->
…… ……
</TD>
<TD> <!-- COL 2-->
…… ……
</TD>
</TR>
</TABLE>
HTML并不是一种编程语言，而是一种标记语言，它没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局，而使其易懂和易于维护。
1.1 标记的书写
HTML语言是不区分大小写的，但一般来说，标记使用大写书写，如<P>, <HTML>, <TABLE>等；标记中的属性一般使用小写，如<A href=”a.html”>, <font size=”5”>等。
1.2 标记的换行规范
一般一个HTML代码都会很长很复杂，因此不要把代码写得很密，这样的可读性非常差，HTML对回车和空格都不敏感，因此可以使用回车和空格，使代码的格式和结构更清晰，这样才能易于维护。很多标记一般来说要占用一行，除了同一标记的关闭标记外，最好不出现两个标记在同一行的情况。如：
<TABLE><TR><TD>text</TD></TR></TABLE>
应写成：
<TABLE>
<TR>
<TD>text</TD>
</TR>
</TABLE>
1、 通常情况下，应该换行的标记有：
Ø <HTML>和</HTML>
Ø <BODY></BODY>
Ø <HEAD></HEAD>
Ø <FORM></FORM>
Ø 当段落内容比较长时，<P></P>也应各占一行
Ø 各种列表标记
Ø 表格的相关标记
Ø <BLOCKQUOTE>和</BLOCKQUOTE>
Ø <PRE>和</PRE>
Ø <CODE>和</CODE>
2、 通常情况下，需要将开始和关闭标记放在一行的标记有：
Ø <B>和</B>
Ø <U>和</U>
Ø <I>和</I>
Ø 各种标题标记，如<H1>…</H1>等
Ø <A>和</A>
1.3 标记的关闭规范：
1、 HTML文档的正文都应在<BODY></BODY>标记中间，而<BODY>标记则应包含在<HTML>和</HTML>标记之间，如
<HTML>
<BODY>
…………
</BODY>
</HTML>
2、 对于需要关闭标记的标记，如<HTML>, <TITLE>, <BODY>, <TABLE>, <TR>, <TD>, <P>, <TEXTAREA>, <SELECT>, <FONT>, <OPTION>, <DIV>, <SPAN>等标记，都必须有相应的关闭标记出现，否则一方面使程序的可读性差，更重要的是会引起页面格式显示混乱。正确地写法应为，
<BODY>
<P>
<FONT>……</FONT>
</P>
</BODY>
3、 不能出现标记交叉的情况，如，
<P><FONT>……</P></FONT>
1.4 标记的属性值规范
对于标记中的属性值，最好使用双引号或单引号包围，这样的话不易出错。如：
<INPUT type=text value=Hello world! length=20>
本来是希望在文本框中显示“Hello world!”，但是由于没有加上引号，则只会在文本框中显示“Hello”，因此，正确地写法为，
<INPUT type=”text” value=”Hello world!” length=”20”>
1.5 标记的缩进规范
1、 最高一级的父标记采用左对齐顶格方式书写
2、 下一级标记采用左对齐后，缩进2个空格的方式书写。再下一级则以此类推。
3、 同一级标记的首字符上下应对齐。
例如，
<P>
<TABLE>
<TR>
<TD> … … … </TD>
<TD> … … … </TD>
</TR>
<TR>
<TD>
<TABLE>
… … …
</TABLE>
</TD>
<TD> … … </TD>
</TR>
</TABLE>
1.6 注释
在任何代码中都应该有做注释的好习惯，在一个复杂的HTML代码中，友好的注释是非常有用的，特别是在有很多嵌套的表格中。HTML中使用<!--… … -->来做注释。如，
<TABLE>
<TR> <!-- ROW 1-->
<TD> <!-- COL 1-->
…… ……
</TD>
<TD> <!-- COL 2-->
…… ……
</TD>
</TR>
<TR> <!-- ROW 2-->
<TD> <!-- COL 1-->
…… ……
</TD>
<TD> <!-- COL 2-->
…… ……
</TD>
</TR>
</TABLE>
