网页的结构样式和行为要分离开来
CSS布局也就是俗称的 Div + CSS 布局，或者是 (X)HTML + CSS 布局。其核心思想就是用 CSS 来控制网页中元素的样式，包括位置、大小、颜色等；
1.事实上，CSS布局只是Web标准的一部分，在HTML、CSS、Javascript这三大元素中，HTML才是最重要的，结构才是重点，样式是用来修饰结构的。正确的做法是，先确定HTML，确定语义的标签，再来选用合适的CSS。
2.默认情况下，浏览器会根据标签的语义给定一个默认的样式，CSS则是用来控制样式和重置样式的。判断网页标签语义是否良好的一个简单方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。
3.h标签的含义是“标题”，搜索引擎对这个标签比较敏感，尤其是h1和h2。一个语义良好的页面，h标签应该是完整有序没有断层的。也就是说，要按照h1,h2,h3,h4这样一次排序下来，不要出现类似h1,h3,h4，漏掉h2的情况。
4.当页面内标签无法满足设计需要时，才会适当添加div和span等无语义标签来辅助实现。
5.一般来说，表单域要用fieldset标签包起来，并用legend标签说明表单的用途。因为fieldset默认有边框，而legend也有默认的样式，为满足设计需要，我们可以将fieldset的“border”设为“none”，把legend的“display”设为“none”，以此来兼顾语义和设计两方面的要求。每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在label标签中设置“for=someld”来让说明文本和对应的input关联起来。实例：
<form action="" method="post">
<fieldset>
<legend>登录表单</legend>
<p><label for="username">用户名：</label><input type="text" value="" id="username" name="username" /></p>
<p><label for="userpwd">密码：</label><input type="password" value="" id="userpwd" name="userpwd" /></p>
<input type="submit" value="提交" />
</fieldset>
</form>
6.table布局在二维数据显示有它的语义和用途，是最好的选择。在用table布局时，常常只使用table、tr、td标签合肥网站建设公司。事实上，table常用的标签还包括caption、thead、tbody、tfoot和th。我们在使用表格的时候，应该注意选用合适的标签，表格标题要用caption,表头要用thead包围，主体部分用tbody包围，尾部要用tfoot包围，表头和一般单元格分开，表头用th，一般单元格用td。实例：
<table border="1">
<colgroup>
<col width="25%"/>
<col width="25%"/>
<col width="25%"/>
<col width="25%"/>
</colgroup>
<caption>几个页面实现的比较</caption>
<thead>
<tr><th>实现方式</th><th>代码量</th><th>搜索引擎友好</th><th>特殊终端兼容</th></tr>
</thead>
<tbody>
<tr><td>table布局</td><td>多</td><td>差</td><td>一般</td></tr>
<tr><td>乱用标签的布局</td>少<td></td>差<td></td><td>一般</td></tr>
<tr><td>乱用标签的布局</td><td>少</td><td>好</td><td>好</td></tr>
</tbody>
</table>
实现表格边框细线：css:
table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
th{font-weight:bold;background:#ccc;}
7.语义化标签应注意的一些问题
为了保证网页去样式后的可读性，并且有符合Web标准，我们应注意以下几点：
①尽可能少地使用无语义标签div和span；
②在语义不明显，既可以用p也可以用div的地方，尽量用p，因为p默认情况下有上下间距，去样式后的可读性更好，对兼容特殊终端有利；
③不要使用纯样式标签，例如b、font和u等，改用css设置。语义上需要强调的文本可以包在strong或em标签里，strong和em有“强调”的语意，其中strong的默认样式是加粗，而em的默认样式是斜体。