## 注意事项
1. 所有的CSS的尽量采用外部调用
例：
`<link href="css/base.css" rel="stylesheet" type="text/css" />`
2. 关闭所有的标签
打开的标签必须关闭，例:
`<p>www.abc.com</p>`
当然还有一种关闭方式，例：
`<br />`
就是说一定要有结束标记。
3. 属性值用双引号 “” 括起来,属性一率小写
例：
`<img height="60" width="760" src="images/logo.gif" />`
4. 给所有的属性赋值
**不正确的写法：**
`<input type="text" name="user" checked />`
正确的写法为：
`<input type="text" name="user" checked="checked" />`
5. 所有的XHTML元素及其属性名称用小写
XHTML是大小写敏感的
**错误的写法为：**
`<TITLE>www.abc.com</TITLE>`
标准的写法为：
`<title>www.abc.com</title>`
6. 标签要合理嵌套
**不正确的写法：**
`<div><h1>www.abc.com</div></h1>`
正确的写法为：
`<div><h1>www.abc.com</h1></div>`
7. 所有的属性必须用引号""括起来
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。
8. 特殊字符用编码标识
如 " <" 用 "`<`"表示，" >" 用 "`>`"表示。
9. 网页中图片优化
一定要加alt属性，alt属性指定了当图片不能显示的时候就显示供替换文本。 内容最好与关键词相关。
如：
`<img src="images/logo.gif" alt="12xue" />`
一些小图标最好用.gif格式图片，比如说箭头，文章列表前的图标等，在CSS中做成背景。
这些小图标最好做一张图片，用CSS来定位。
10. 用结构化的元素输出内容
`<ul>
<li>无序列表1<li>
<li>无序列表2<li>
<li>无序列表3<li>
</ul>`
这样做也便于后台代码规范
或者使用
`<dl>
<dt>dt内容</dt>
<dd>dd内容1</dd>
<dd>dd内容2</dd>
</dl>`
标题系列用h1～h6标签
~~~
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
~~~
11. tr、td必须定义在table之间
`<table>
<tbody>
<tr>
<td>......<td>
</tr>
</tbody>
</table>`
注：tbody可以省略。
12. html注释
1) 每一独立部分都要表明注释。例如：
~~~
<!—右边 begin--> <!--右边end-->
<!—左边 begin--> <!—左边end-->
<!—头部 begin--> <!—头部end-->
<!—xx列表 begin--> <!—xx列表end-->
~~~
2) 注释要用描述性语言，能够清楚的表达每一部分的意思。
13. HTML元素的排序规则
一般我们使用的HTML元素包括：div, p, ul, table, span, input, select。基本上div, table, ul, p都属于结构性比较强的元素，而span, input则是比较弱的元素，因此不允许有span嵌套div, table等等的情况出现，span可以嵌套input, 可以嵌套span。程序员在写页面的时候可以先不考虑界面呈现，按照这样的规则，把数据直接绑定到HTML元素的节点上。
14. 表单变量命名约定
表单中的变量命名采用全部小写的命名方式。
`<form name="loginform">
<input type="text" name="username" value="" />
<input type="password" name="password" value="" />
</form>`
15. 把所有 < 和 &特殊符号用编码表示
任何小于号（＜），不是标签的一部分，都必须被编码为`<`;
任何大于号（＞），不是标签的一部分，都必须被编码为`>`;
任何与号（&），不是实体的一部分的，都必须被编码为`&`;
