Rumah > hujung hadapan web > tutorial css > 详细为你讲解,DIV+CSS布局和TABLE布局的优缺点(经典)

详细为你讲解,DIV+CSS布局和TABLE布局的优缺点(经典)

亚连
Lepaskan: 2018-05-17 17:33:16
asal
2843 orang telah melayarinya

TABLE布局是WEB早期CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的,虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。

一、div+css布局的好处:

1.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。

2.布局精准,网站版面布局修改简单。

3.加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。

4.节约站点所占的空间和站点的流量。

5.用只包含结构化内容的HTML代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。

二、table布局的好处(table布局也不是一点用的没有,这点是毋庸置疑的)

1.容易上手。

2.可以形成复杂的变化,简单快速。

3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。

上面是我整理给大家的DIV+CSS布局和TABLE布局的优缺点,希望今后会对大家有帮助。

相关文章:

简单易懂,DIV+CSS架构网站的7种版面布局形式,一语道破

详细解读页面布局之position定位

详细介绍有关CSS页面布局技巧

Atas ialah kandungan terperinci 详细为你讲解,DIV+CSS布局和TABLE布局的优缺点(经典). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan