HTML表格是?什么

什么是表格？(引荐学习：HTML入门教程)

表格是由行和列组成的构造化数据集(表格数据)，它能够使你简捷快速地查寻某个表示不一样类型数据之间的某种关系的值 。比方说，某个人和他的年龄，一天或是一周，本地游泳池的时间表 。

表格在人类社会中很常见，并且已经存在很长时间了，下面这张1800年的老美人口普查文件中就可以证明：

因此，HTML的创立者们供给了一种办法来构建和显现web上的表格数据，这也就不足为奇了。

表格怎样工作？

表格的一个特点就是严厉. 通过在行和列的标题之间停止视觉关联的办法，就可以让信息能够很简便地被解读出来。

准确完成后, 即便是盲人也可以解析 HTML 表格中的数据，一个成功的 HTML 表格应当做到不管会员是视力正常还是视力受损，都能提高会员的体验。

你可以在 GitHub 上寻到上面表格的 HTML源码 ; 先去看看, 你或许会留意到一件事情，那就是这个表格看上去可读性不是很好，那是由于此刻这个页面上面的阿谁表格通过 MDN 站点增加了一些样式, 而 GitHub 上面的并没有增加。

不要梦想; 为了能够让表格在网页上有效, 你需要供给一些 CSS 的样式信息，乃至尽大概好的 HTML 牢固构造. 在这个模块中，我们将专心于 HTML 部分; 在你完成这里的内容之后，你可以阅读 Styling tables 来理解 CSS 的部分。

虽然在这个模块中我们不会专心于 CSS, 但是我们供给了一个较小的 CSS 样式表让你使用，和默许的没有采纳任何 CSS 样式的表比拟，表格会愈加可读。 你可以在 stylesheet here 猎取样式表，乃至在 HTML template 猎取 HTML 文件来利用样式表，这些会让你在 “测试 HTML 表格” 中有一个好的起点。

什么时候你不该该使用 HTML 表格?

HTML 表格 应当用于表格数据 ，这正是 HTML 表格设计出来的用处. 不幸的是, 很多人习惯用 HTML 表格来实现网页规划， e.g. 一行包括 header, 一行包括几列内容, 一行包括 footer, etc. 你可以在我们的 Accessibility Learning Module 中的 Page Layouts 获得更多细节内容和一个示例。

这种做法之前是很常见的，由于之前 CSS 在不一样阅读器上的兼容性比力糟糕 ; 表格规划此刻不太遍及，但您大概依然会在网络的某些角落看到它们。

简便来说, 使用表格规划而不使用 CSS layout techniques 是很糟糕的. 主要的理由有以下几个:

表格规划减少了视觉受损的会员的可拜访性: 屏幕阅读器, 被盲人所使用, 解析存在于 HTML 页面上的标签，然后为会员读出其中的内容。由于关于规划来说，表格不是一个准确的工具， 使用的标志比使用 CSS 规划技术更复杂, 所以屏幕阅读器的输出会让他们的会员感到困惑。

表格会发生许多标签: 正如方才提到的, 表格规划平常会比准确的规划技术触及更复杂的标签构造，这会致使代码变得更难于编写、保护、调试.

表格不克不及主动响应: 当你使用准确的规划容器 (比方 <header>, <section>, <article>, 或是 <div>), 它们的默许宽度是父元素的 100%. 而表格的的默许大小是按照其内容而定的。因此，需要采取额外的办法来猎取表格规划样式，以便有效地在各种设备上工作。

以上就是HTML表格是?什么的具体内容，更多请关注百分百源码网其它相关文章！