ThinkSSL🔒 一键申购 5分钟快速签发 30天无理由退款 购买更放心 广告
## 注意事项 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. 特殊字符用编码标识 如 " <" 用 "`&lt;`"表示," >" 用 "`&gt;`"表示。 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. 把所有 < 和 &特殊符号用编码表示 任何小于号(<),不是标签的一部分,都必须被编码为`&lt`; 任何大于号(>),不是标签的一部分,都必须被编码为`&gt`; 任何与号(&),不是实体的一部分的,都必须被编码为`&amp`;