## 脚本编写
我们应该有一个脚本整体风格一致的概念,意思是一个月后和一个月前的你写的脚本风格保持一致,以及同一个工作组中不同的开发人员编写的脚本风格保持一致,因为我们不可能永远孤立的开发,你随时都有可能和三个月前的自己合作(你的客户要求改版),也经常要和工作室中不同的同事共同开发一个项目,还有可能被要求修改已经离职人员开发的脚本,当然你自己也有可能会扔下一个项目给后来的同事。
1. Html 文件的通用模板:
<center>![](https://box.kancloud.cn/2015-12-18_5673c1ce80f42.png)</center>
> 补充:
为了保证网站能够与下一代的web 语言xml 标准兼容,所有的HTML 标签的属性都要用双引号括起,即我们应该写 `<a href="url">` 而不是 `<a href=url>`
2. 允许全文检索的页面,为了使Internet上的搜索引擎能够有效检索,在频道的首页的html的`<head></head>`之间应该加入`Keywords` 和`Description` 元标记。
例如:
~~~
<meta name="keywords" content="关键词,key" />
<meta name="description" content="内容简介" />
~~~
3. CSS 文件的格式样例代码:
<center>![](https://box.kancloud.cn/2015-12-18_5673c1ce92fd6.png)</center>
这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码,否则或多或少会出问题。另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!
为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px 和14.7px 这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px 的字号比较合适。
在写 `<table>` 互相嵌套时,严格按照的规范,对于单独的一个`<table>`来说,`<table><tr>`对齐,`<td>` 缩进两个半角空格,`<td>` 中如果还有嵌套的表格,`<table>`也缩进两个半角空格,如果<td>中没有任何嵌套的表格,`</td>` 结束标记应该与 `<td>` 处于同一行,不要换行。
如我们注意在源代码中不应有这样的代码:
~~~
<td><img src="xxxx.gif" />
</td>
~~~
而应该是这样的:
~~~
<td><img src="xxxx.gif" /></td>
~~~
这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:
~~~
<td><img src="xxxx.gif" /> </td>
~~~
属于同一个级别 的 `<table>` 一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,高度大于等于12px 的单元格应该 在 `<td>` 和 `</td>` 之间写一个` `,如果高度小于12px, 则应该 在 `<td>` 和 `</td>` 之间插入一个1*1 大小的透明的gif 图片,这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱,在DW3中可以通过`command->apply souce formatting`进行重新整理!
4. Width 和height 的写法也有统一的规范
一般情况下只有一列的表格,width 写在`<table>` 的标签内,只有一行的表格,height 写在 `<table>` 的标签内,多行多列的表格,width 和height 写在第一行或者第一列的 `<td>` 标签内。总之遵循一条原则:不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的,也就是你改动代码中任何一个width 和height 的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。