表格数据和xhtml中表格的使用

表格数据只是包含在表格中的数据。在HTML中,它是存在于表格单元格中的内容,即...

表格数据只是包含在表格中的数据。在HTML中,它是存在于表格单元格中的内容,即

Close-up of numbers printed on paper

标签。表格内容可以是数字、文本、,

,以及上述各项的组合;另一个表甚至可以嵌套在表单元格中。

然而,表格的最佳用途是显示数据。

根据W3C:

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

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

然而,随着web设计的进步和层叠样式表(CSS)的出现,使用表格来粗略管理页面设计元素的必要性已经消失。表格模型不是为web作者开发的一种方式,用于操纵web页面的布局或更改其单元格、边框或背景颜色的外观。

何时使用表显示内容

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

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

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

不使用表显示内容的时间

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

在以下情况下不要使用表格:

  • 该表的主要目的是在页面上定位内容。例如,在图像周围添加间距,在列表上放置项目符号图标,或强制文本块像拉引号一样。
  • 您只想使用背景色或图像来增强页面,而不是调用数据。例如,每隔一行高亮显示一个表是可以的,但是只更改右上角的单元格,因为这样可以使它们与页面背景匹配,这是不正确的。
  • 您正在切割一个图像,然后使用表格将图像片段重新放在页面上。这在几年前很常见,但现在不再被认为是正确的。

不要害怕桌子

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

  • 发表于 2021-09-08 07:20
  • 阅读 ( 179 )
  • 分类:数学

你可能感兴趣的文章

html格式(html)和xhtml(xhtml)的区别

...是XHTML 4. HTML和XHTML的相似性 5. 并列比较——HTML与XHTML的表格形式 6.摘要 什么是html格式(html)? HTML代表超文本标记语言。它是网络的基础语言。HTML的主要目标是创建网页的结构。它基于SGML。HTML有不同的版本,如HTML1、2等。最新...

  • 发布于 2020-10-19 05:37
  • 阅读 ( 226 )

7个excel打印技巧:如何分步打印电子表格

只要稍加练习,就不难**出好看的Excel电子表格。然而,打印电子表格可能是一个挑战。 ...

  • 发布于 2021-03-16 11:55
  • 阅读 ( 184 )

MicrosoftWord中完美表格的8个格式化提示

你不能通过在表格上偷工减料来创建漂亮的microsoftword文档。在microsoftword上,表格是必不可少的格式化工具。Microsoft Office使在Microsoft Word for Office 365、Word 2019、Word 2016和Word 2013中创建和格式化基本表变得更加容易。 ...

  • 发布于 2021-03-23 07:44
  • 阅读 ( 248 )

如何创建降价表

... 表格是使用管道(|)和破折号(-)创建的,冒号(:)用于对齐单元格内容。在上面的示例中,我们使用了破折号和正则空格在代码视图和呈现时创建了一个外观整洁的...

  • 发布于 2021-03-23 11:39
  • 阅读 ( 220 )

如何在microsoftexcel中创建和使用表格

...softexcel中创建和使用表,分析数据的相关部分会更容易。表格允许您将数据分隔在单个工作表上,然后您可以将其与其他工作表分开管理。下面介绍如何在Excel中创建和使用表。 如何在excel中创建表格 有两种方法可以在Microsoft Ex...

  • 发布于 2021-03-31 16:59
  • 阅读 ( 199 )

如何在microsoft excel中创建支出和收入电子表格

创建一个支出和收入电子表格可以帮助你管理你的个人财务。这可以是一个简单的电子表格,提供对您的帐户和跟踪您的主要开支洞察。下面介绍如何在Microsoft Excel中使用。 创建简单列表 在本例中,我们只想存储有关每个支...

  • 发布于 2021-04-02 10:15
  • 阅读 ( 236 )

5个你应该知道的谷歌表单功能

你可能熟悉Google表单的基础知识,但是Google的电子表格提供了很多乍一看并不明显的特性。这里有一些我们最喜欢的。 当然,您可能已经熟悉了一些基本公式,如求和和和平均值。很可能你已经对工具栏相当了解了,但是它的...

  • 发布于 2021-04-06 09:53
  • 阅读 ( 207 )

使用excel 2010电子表格中的在线数据

想在电子表格中使用来自web的实时更新数据吗?下面介绍如何将数据从web导入Excel 2010,以使电子表格快速、轻松地保持最新。 **网络化电子表格 要将网站中的动态数据添加到电子表格中,请单击Excel中“数据”选项卡的“获取...

  • 发布于 2021-04-13 11:05
  • 阅读 ( 108 )

标记语言(markup language)和程序设计语言(programming language)的区别

...包含元数据、标题等。正文部分包含页面的可见元素。有表格、表格、段落、标题等的标签。 Figure 1: HTML XML代表可扩展标记语言。XML标记用于存储和组织数据。它独立于平台和语言。XML有助于在完全不同的平台之间共享数据。...

  • 发布于 2021-07-01 02:50
  • 阅读 ( 639 )

html格式(html)和html5(html5)的区别

...由标记组成,web浏览器根据这些标记在网页上显示文本、表格、列表和其他元素。与C语言、C++语言和java语言相比,HTML更容易学习。此外,程序员可以使用文本编辑器(如记事本)轻松创建HTML文件,并在web浏览器上执行。 HTML...

  • 发布于 2021-07-01 04:49
  • 阅读 ( 199 )
银河系委员长
银河系委员长

0 篇文章

相关推荐