css display:table vs html,哪个更适合使用?<table> </table>

时间:2011-05-04 01:50:12

标签: html html-table css-tables

当我进行网页布局时,我使用的是html <table>。但是,我在互联网上读到,html表只应用于数据,并且在进行布局时应使用<div><span>。我在互联网上搜索了一下 display:table 。我读了它并且按照我自己的理解(我不知道我是否理解它)它与html <table>相同。我发现使用html <table>更容易,因为它更简单。我不必担心定位<div>,因为大部分时间它都会到达我不想要的地方。

我的问题是:在布局中使用html <table>有什么利弊?

2 个答案:

答案 0 :(得分:3)

除了不想学习正确的HTML / CSS和/或使用某种WYSIWYG编辑器的人之外,使用表格标记进行页面布局没有太多的好处。

但是,您肯定希望将表用于表格数据,因为有很多良好的可访问性原因。

CSS用于页面布局(在表格上)的优点是:

  • 演示文稿与内容分开(通常意味着要处理的HTML更少)
  • 演示文稿在更新时更灵活
  • 演示更容易定制到各种设备/屏幕

'table'的css显示属性允许您的CSS更像传统表。这为您提供了CSS的好处,但允许您使用旧的表逻辑。

如果你精通CSS,关于你真正想要利用display的唯一时间:table就是当你遇到想要处理内容的垂直居中的情况时......一般来说CSS似乎是失败了。请注意display:table,就像很多CSS一样,在旧版本的IE中不起作用。

答案 1 :(得分:1)

这完全取决于你想要完成的事情。使用div s,spandisplay:table可能会非常混乱,但如果您担心搜索引擎无法正常导航正常表格,那么可能就是这样。使用table标签更简单,易于使用,并且语义更正确。

相关问题