数据使用表格,而不是XHTML中的布局
表格数据就是表格中包含的数据。 在HTML中 ,它是生活在表格单元中的内容 - 即在
但是,最好使用表格来显示数据。
根据W3C的说法:
“HTML表格模型允许作者将数据文本,预格式化文本,图像,链接,表单,表单域,其他表格等等整理到单元格的行和列中。”
来源:HTML 4规范中表格的简介。
该定义中的关键词是数据 。 在网页设计的早期,表格被改编为工具来帮助布局和控制网页内容的显示方式和位置。 这有时会导致不同浏览器的显示效果不佳,这取决于浏览器如何处理表格,所以它在设计中并不总是一个很好的方法。
然而,随着网页设计的进步以及级联样式表(CSS)的出现 ,使用表格粗略管理页面设计元素的必要性也随之消失。 表格模型并不是作为网页作者操作网页布局或改变单元格,边框或背景颜色外观的方式开发的 。
何时使用表格显示内容
如果您希望放置在页面上的内容是您希望在电子表格中管理或跟踪的信息,那么该内容几乎肯定会适合在网页上的表格中呈现。
如果要在数据列的顶部或数据行的左边有标题字段,那么它是表格式的,并且应该使用一个表格。
如果内容在数据库中是有意义的,特别是非常简单的数据库,并且只是想显示数据而不使它变得漂亮,那么表就可以接受。
何时不使用表格显示内容
在目的不是简单地传达数据内容本身的情况下避免使用表格。
在以下情况下不要使用表格
- 该表的主要目的是将内容放置在页面上。 例如,要在图像周围添加间距,将项目符号图标放置在列表中,或者强制文本块像拉引号一样操作。
- 您只想使用背景颜色或图像来扩充页面,而不是调出数据。 例如,突出显示表格的每一行都很好,但只更改右上角的单元格,因为这会使它们与页面的背景相匹配。
- 您正在剪切图像,然后使用表格将图像片段重新放在页面上。 这在几年前非常普遍,但不再被认为是正确的。
不要害怕桌子
很可能创建一个网页,为表格数据使用非常有创意的表格。 表格是XHTML规范的重要组成部分,学习如何很好地显示表格数据是创建网页的重要部分。