Skip to main content

基于标准的XHTML中表的使用

11 XHTML教學+HTML教學+CSS教學(廣東話) - HTML Table (HTML表格) (六月 2025)

11 XHTML教學+HTML教學+CSS教學(廣東話) - HTML Table (HTML表格) (六月 2025)
Anonim

表格数据只是表格中包含的数据。在HTML中,它是存在于表格单元格中的内容 - 即,它之间的内容 要么 标签。表格内容可以是数字,文本,图像以及这些内容的组合;另一个表甚至可以嵌套在表格单元格中。

但是,表的最佳用途是显示数据。

根据W3C:

“HTML表格模型允许作者将数据 - 文本,预先格式化的文本,图像,链接,表格,表格字段,其他表格等 - 排列成单元格的行和列。” 来源:HTML 4规范中的表简介。

该定义中的关键词是 数据 。在网页设计的早期阶段,表格被用作工具,以帮助布局和控制网页内容的显示方式和位置。这有时会导致不同浏览器的显示效果不佳,具体取决于浏览器处理表的方式,因此在设计中并不总是优雅的方法。

然而,随着网页设计的不断发展以及级联样式表(CSS)的出现,使用表格粗略地管理页面设计元素的必要性逐渐消失。表模型不是作为Web作者操作网页布局或更改单元格,边框或背景颜色的外观的方式而开发的。

何时使用表格显示内容

如果您要放置在页面上的内容是您希望在电子表格中看到管理或跟踪的信息,那么该内容几乎肯定适合在网页上的表格中呈现。

如果您要在数据列的顶部或数据行的左侧有标题字段,那么它是表格式的,应该使用表格。

如果内容在数据库中是有意义的,尤其是非常简单的数据库,并且您只想显示数据而不是使其漂亮,那么表是可以接受的。

何时不使用表格显示内容

在目的不是简单地传达数据内容本身的情况下,避免使用表。

如果符合以下条件,请勿使

  • 该表的主要目的是将内容放在页面上。例如,在图像周围添加间距,在列表中放置项目符号图标,或强制文本块像拉引号一样。
  • 您只想使用背景颜色或图像来扩充页面而不是调出数据。例如,突出显示表的每隔一行很好,但只更改右上角的单元格,因为这使得它们与页面的背景不匹配。
  • 您正在剪切图像,然后使用该表将图像片放回到页面上。这在几年前非常普遍,但不再被认为是正确的。

不要害怕桌子

很有可能创建一个网页,使用非常具有创意的表格来表格数据。表是XHTML规范的重要组成部分,学习如何很好地显示表格数据是创建网页的重要部分。