0,表格是格式化显示数据的标签，不应用在网页布局上，布局要用自己专属的标签（div）。网页中所有标签都就小写，标签中的值要用半角的引号（"）引起
来。web2.0网页中不存在标签简写，所有标签都应成对出现（<p></p>）。单目标签要用（ /）来结尾（<
br />注意/前有一个空格）。
1,DIV居中显示。(Ie,Ff,Opera测试通过)
<style type="text/css">
body{text-align:center}
.center{margin-right:auto;margin-left:auto}
</style>
<body>
<div class="center" style="width:100px;background:red"></div>
</body>
2,优化select标签显示：为select标签分组
<select name="country">
<optgroup label="Africa">
<option value="gam">Gambia</option>
<option value="mad">Madagascar</option>
<option value="nam">Namibia</option>
</optgroup>
<optgroup label="Europe">
<option value="fra">France</option>
<option value="rus">Russia</option>
<option value="uk">UK</option>
</optgroup>
</select>
3,表格中colgroup的使用(下表为后两个td元素应用第二个col标签中的c1样式，宽度)
<style type="text/css">
.c1 { color:red; }
</style>
<table width="400" border="1">
<colgroup><col /><col span="2" class="c1" width="100" /></colgroup>
<tr>
<td> </td><td> </td><td> </td>
</tr>
</table>
4,表单Js验证失败禁止提交
验证函数中验证失败返回：false值。
<form onsubmit="return 验证函数()">
5,重定义自己的标签
网页制作中，有些标签根本用不到，或不是自己想要的样式我们可以用Css来自己定义它的显示样式。
例：h2{ margin:0; } /*去掉h2标签的margin属性*/
em{ font-size:13px; color:blue; } /*em标签为13大小字体,颜色为蓝*/
6,Javascript代码用type="text/javascript"代替以前的language="javascript"
7,Javascript代码部分嵌入CDATA
例：
<script type="text/javascript">
//<![CDATA[
function show(){
alert("hello world!");
}
//]]>
</script>
8,定义网页的语言编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" /> /*针对老浏览器，可省*/
9,校验自己的网页是否符合web标准
Xhtml校验：http://validator.w3.org/
Css2校验：http://validator.w3.org/
10,head标签内其它内容
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法
<meta content="all" name="robots" />
设置站点作者信息
<meta name="author" content="dx_andy@163.com,dx_andy" />
设置站点版权信息
<meta name="Copyright" content="www.phplamp.com 所有版权归属本站 转载注明出自本站" />
站点的简要介绍(推荐)
<meta name="description" content="PHPLamp站 网页编程技巧分享平台" />
站点的关键词(推荐)
<meta content="phplamp php lamp mysql dhtml web2 web linux 专题" name="keywords" />
11,网页中的事件标签也要小写如：onMouseOut=>onmouseout
12,不要在注释内容中使“–”
例：<!--这里是注释----这里是注释-->要改为<!--这里是注释这里是注释-->
1,DIV居中显示。(Ie,Ff,Opera测试通过)
<style type="text/css">
body{text-align:center}
.center{margin-right:auto;margin-left:auto}
</style>
<body>
<div class="center" style="width:100px;background:red"></div>
</body>
2,优化select标签显示：为select标签分组
<select name="country">
<optgroup label="Africa">
<option value="gam">Gambia</option>
<option value="mad">Madagascar</option>
<option value="nam">Namibia</option>
</optgroup>
<optgroup label="Europe">
<option value="fra">France</option>
<option value="rus">Russia</option>
<option value="uk">UK</option>
</optgroup>
</select>
3,表格中colgroup的使用(下表为后两个td元素应用第二个col标签中的c1样式，宽度)
<style type="text/css">
.c1 { color:red; }
</style>
<table width="400" border="1">
<colgroup><col /><col span="2" class="c1" width="100" /></colgroup>
<tr>
<td> </td><td> </td><td> </td>
</tr>
</table>
4,表单Js验证失败禁止提交
验证函数中验证失败返回：false值。
<form onsubmit="return 验证函数()">
5,重定义自己的标签
网页制作中，有些标签根本用不到，或不是自己想要的样式我们可以用Css来自己定义它的显示样式。
例：h2{ margin:0; } /*去掉h2标签的margin属性*/
em{ font-size:13px; color:blue; } /*em标签为13大小字体,颜色为蓝*/
6,Javascript代码用type="text/javascript"代替以前的language="javascript"
7,Javascript代码部分嵌入CDATA
例：
<script type="text/javascript">
//<![CDATA[
function show(){
alert("hello world!");
}
//]]>
</script>
8,定义网页的语言编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" /> /*针对老浏览器，可省*/
9,校验自己的网页是否符合web标准
Xhtml校验：http://validator.w3.org/
Css2校验：http://validator.w3.org/
10,head标签内其它内容
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法
<meta content="all" name="robots" />
设置站点作者信息
<meta name="author" content="dx_andy@163.com,dx_andy" />
设置站点版权信息
<meta name="Copyright" content="www.phplamp.com 所有版权归属本站 转载注明出自本站" />
站点的简要介绍(推荐)
<meta name="description" content="PHPLamp站 网页编程技巧分享平台" />
站点的关键词(推荐)
<meta content="phplamp php lamp mysql dhtml web2 web linux 专题" name="keywords" />
11,网页中的事件标签也要小写如：onMouseOut=>onmouseout
12,不要在注释内容中使“–”
例：<!--这里是注释----这里是注释-->要改为<!--这里是注释这里是注释-->
