<td>和<div>的区别是什么

在以前的html中,大多数的网页设计者都是用无别框,透明的<table></table>标签即表格来使各种网页元素对齐的,<td>是<table>中的一个元素,<td></td>代表表格中一列的开始到结束。

在web2.0标准发布以后,由于css,xml等网页技术的不断完善,以及网页程序设计部分和显示部分分开的思想,<div>开始取代<table>成为网页布局的利器。主要基于这样的模式:

1.index.htm

<script language="javascript" src="exam.js">

</script>

<link href="main.css" type="text/css" rel="stylesheet"/>

<div id="examdiv"></div>

2.exam.js

//innerHTML后可以插入任何数据,例如从数据库取出的数据

document.all.examdiv.innerHTML="<a href='001.htm'><img src='image01.gif'/></a>"

3.main.css

#examdiv{

width:100%;

text-align:center;

background:#ff0000;

}

这就是一个以MVC为设计思想的网页。但是用<div>并不等于完全摒弃<table>,这两者之间并不矛盾,个人觉得,在某些方面,例如:元素的垂直对齐,有时候,<table>要比<div>方便,两者可以混用,哪个方便用哪个,这个就要你自己去领会了,戏法人人会变,巧妙各有不同嘛。

至于两者间可不可以互换,我想是可以的,但不是单纯的在dreamwaver中用<div>替换掉<td>可以的。可以找一些相关资料来看看,网上说这个的比较多的。