网站建设四个常见错误之Align的滥用
作者:潍坊设计 网址:http://www.536123.com/technology/website-error-align.htm
“align”是一个Html标记属性,表示内容的对齐方式,比如左对齐(默认)、居中、右对齐。由于默认情况下对齐方式是左对齐,所以不用设置“align”,但是有时候需要居中,这时就要设置了。
居中最常见的是在表格中,表格内容居中有多种方式,一种是在td标记中增加“align="center"”,一种是把td的内容是用以的div包含起来,设置div居中。正确的做法应该是使用CSS对td进行设置。代码对比如下:
1、在td标记中增加“align="center"”
<table>
<tr>
<td align="center">表格内容</td>
<td align="center">表格内容</td>
</tr>
</table>
2、设置div居中
<table>
<tr>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
</tr>
</table>
3、使用CSS对td进行设置
<style type="text/css">
td {text-align: center;}
</style>
<table>
<tr>
<td>表格内容</td>
<td>表格内容</td>
</tr>
</table>
这三种方式显示效果是一样的,浏览网页时是看不到不同的,但是代码数量却完全不一样。上面的代码也许看不出来,但是当一个表格是一个10×30的大表格时就看出来了。潍坊设计www.536123.com建议:使用css不仅可以减少代码数量,节约带宽,提高网站浏览速度,而且简洁的代码对于搜索引擎来说是更加友好的,对网站优化是有好处的。
上一篇文章:网站建设四个常见错误之Html标记重复嵌套
下一篇文章:网站建设四个常见错误之背景色的设置