分享
当前位置:首页 > 技术交流

网站建设四个常见错误之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标记重复嵌套

下一篇文章:网站建设四个常见错误之背景色的设置