表单域规范写法

<form >

<fieldset style="border:none">

<legend style="display:none" >登录表单</legend>

<p><label for="name">账号: </label><input type="text" id="name" /></p>

<p><label for="pw">密码: </label><input type="password" id="pw"/></p>

<input type="submit" value="登录" class="subBtn" />

</fieldset>

</form>

表单域要用fieldset标签包起来，并用legend标签说明表单的用途。因为fieldset默认有边框，而legend也有默认的样式，为满足设计需要，我们可以将fieldset的“border”设为“none”，把legend的“display”设为“none”，以此来兼顾语义和设计两方面的要求。每个input标签对应的说明文本都需要使用lable标签，并且通过为input设置id属性，在label标签中设置“for = some id”来说明文本和相应的input关联关系。

<table border="1">

<caption>几种页面实现的比较</caption>

<thead>

<tr><th>实现方式</th><th>代码量</th><th>搜索引擎友好</th><th>特殊终端兼容</th></tr>

</thead>

<tbody>

<tr><th>table 布局</th><td> 多 </td><td> 差 </td><td> 一 般 </td></tr>

<tr><th>乱用标签的CSS布局</th><td>少</td><td>一 般</td><td>差</td></tr>

<tr><th>标签语义良好的CSS布局</th><td>少</td><td>好</td><td>好</td></tr>

</tbody>

</table>

table常用的标签包括caption、thead、tbody、tfoot和th。表格标题要用caption，表头要用head包围，主体部分用tbody包围，尾部要用tfoot包围，表头和一般单元格要区分开，表头要用th，一般单元格要用td。