发新话题
打印

div+css比table好在哪里了

div+css比table好在哪里了

网页制作的最底层的东西就是盒子,这些盒子怎么放的,如何一个个有顺序的排好他们,就是布局,在网页制作中,有table布局与div css布局之分,table布局与div css布局有什么区别?下面来看看一个例子(css教程)。

1.首先是用table布局来写,需要8行代码:
<table>
<tr>
<th>网站标题</th>
</tr>
<tr>
<td>网站内容</td>
</tr>
</table> 2.然后进步到用div css布局,2行就可以了,但是因为存在两个DIV,为了区别,需要给不同的ID:
<div id=“title“>网站标题</div>
<div id=“content“>网站内容</div> 3.用XHTML来写:
<h1>网站标题</h1>
<div>网站内容</div> table布局与div css布局时间上投入:
用更为简洁的XHTML代码风格,不仅仅是为了提升页面开启速度。毕竟现在网络带宽越来越大,打开10K的网页代码和打开5K的网页代码区别并不明显。而采取XHTML建站的缺点也很明显,如果是一个同样规模的网站,用TABLE做,1小时就可以了,用DIV要2小时,用符合语义的XHTML则需要3小时,当然这只是一个预估,根据页面的不同和技术人员的熟练度,时间上面会有一定的出入。 那我们何必多花时间来做网站?
一样的,做网站,不能只看设计风格如何如何。更最要的是核心代码如何、质量如何。我们做出来的网站不是摆在家里自己欣赏的,更重要的是去推广这个网站,给自己的企业带来网络影响力。让用户搜索某个关键词能找到你的网站,而不是找到别人的网站。
发新话题