如何解决为什么使用DIV或跨度标签比使用表格布局“更好”? [重复]
| 这个问题已经在这里有了答案:解决方法
我认为主要是关于语义的。建立一个“ 0”来表示表格数据,并使用它来布局元素会违反该规定。同样,使用CSS可以完成的所有事情都可以通过
<table>
完成,而99.9%的时间可以轻松完成。在其他情况下,它并不是那么容易,而且就像您说的那样,它使标记变得难看且难以遵循。它也违反了内容,行为和表示对于Web开发至关重要的分离。
,我能给出的最佳答案是,浏览器直到完全处理完页面才知道表列的宽度,这可能会导致页面可见加载的明显延迟。通过使用div,内容将立即显示,并且如果另一个元素强制调整其大小,它将显示内容,但显示的内容不会出现滞后。因此,这是更好的用户体验。
,需要时使用表。当数据需要保持整洁时,请按照重复的特定顺序进行清理。您不应仅出于此目的而避免使用表。
,它只是正确的HTML语义,可以使用DIV和SPAN来布局页面,并使用TAB来表示表格数据,如数据表,用户列表等。此外,DIV允许在布局和样式方面更具灵活性
,使用表无法实现某些优点。考虑一下缩略图-您可以在一行中显示尽可能多的缩略图,如果没有足够的空间,其他缩略图就会中断(下一页)。
也可以看看:
http://www.csszengarden.com/->并在“选择设计”侧边栏中选择其他设计
或使用菜单/导航栏的更好方法:
http://css.maxdesign.com.au/listamatic/
,一个好的原因是关注点分离。 HTML用于表达信息。 CSS用于表示,而JavaScript用于行为。通过分离这些问题,可以更好地解释内容,如标记所言-即表表示表格数据,而div和span表示内容块和文本范围。
如果您想要一些更好的理由:
使用此类软件的残疾用户
作为屏幕阅读器可以理解您
内容更好。否则,你整个
页面可以解释为表格
数据。您将使其更易于访问
通过使用div和spans。
浏览器可能能够更快地呈现您的页面。
进行调整会容易得多。
在整个网站上保持一致更加容易。
,人们讨厌表格,因为它降低了SEO(搜索引擎优化)。
通常,这是一个语义问题。表格旨在显示表格数据-需要以表格格式进行布局的数据。将其用于其他任何事情都类似于使用Excel来格式化您的小册子-可能工作时间有些奇怪,但实际上是使用Word。
较新的HTML5元素以及某些较旧的HTML4元素在语义上更适合这种情况-内容的划分要求div,部分的分区,文章的文章,导航。
表格旁边的其他元素也确实提供了更大的灵活性,并且在正确使用表格的情况下甚至比表格更容易。
最终,它归结为实用性。如果本质上有点表格形式的数据,请使用表格。但是,如果是列或导航,请使用li或浮动的div或section。
编辑:
比较两个相同情况btw所需的HTML:
http://jsfiddle.net/gbXFG/3/与http://jsfiddle.net/uJ2LG/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。