首页 / 知识
HTML表格是什么
2023-04-11 14:51:00
什么是表格？(推荐学习：HTML入门教程)
表格是由行和列组成的结构化数据集(表格数据)，它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值。比如说，某个人和他的年龄，一天或是一周，当地游泳池的时间表。
表格在人类社会中很常见，而且已经存在很长时间了，下面这张1800年的美国人口普查文件中就可以证明：
html-1.webp
因此，HTML的创建者们提供了一种方法来构建和呈现web上的表格数据，这也就不足为奇了。
表格如何工作？
表格的一个特点就是严格.通过在行和列的标题之间进行视觉关联的方法，就可以让信息能够很简单地被解读出来。
正确完成后,即使是盲人也可以解析HTML表格中的数据，一个成功的HTML表格应该做到无论用户是视力正常还是视力受损，都能提高用户的体验。
你可以在GitHub上找到上面表格的HTML源码;先去看看,你也许会注意到一件事情，那就是这个表格看上去可读性不是很好，那是因为现在这个页面上面的那个表格通过MDN站点添加了一些样式,而GitHub上面的并没有添加。
不要幻想;为了能够让表格在网页上有效,你需要提供一些CSS的样式信息，以及尽可能好的HTML固定结构.在这个模块中，我们将专注于HTML部分;在你完成这里的内容之后，你可以浏览Stylingtables来了解CSS的部分。
虽然在这个模块中我们不会专注于CSS,但是我们提供了一个较小的CSS样式表让你使用，和默认的没有采用任何CSS样式的表相比，表格会更加可读。你可以在stylesheethere获取样式表，以及在HTMLtemplate获取HTML文件来应用样式表，这些会让你在“测试HTML表格”中有一个好的起点。
什么时候你不应该使用HTML表格?
HTML表格应该用于表格数据，这正是HTML表格设计出来的用途.不幸的是,许多人习惯用HTML表格来实现网页布局，e.g.一行包含header,一行包含几列内容,一行包含footer,etc.你可以在我们的AccessibilityLearningModule中的PageLayouts获得更多细节内容和一个示例。
这种做法以前是很常见的，因为以前CSS在不同浏览器上的兼容性比较糟糕;表格布局现在不太普遍，但您可能仍然会在网络的某些角落看到它们。
简单来说,使用表格布局而不使用CSSlayouttechniques是很糟糕的.主要的理由有以下几个:
表格布局减少了视觉受损的用户的可访问性:屏幕阅读器,被盲人所使用,解析存在于HTML页面上的标签，然后为用户读出其中的内容。因为对于布局来说，表格不是一个正确的工具，使用的标记比使用CSS布局技术更复杂,所以屏幕阅读器的输出会让他们的用户感到困惑。
表格会产生很多标签:正如刚才提到的,表格布局通常会比正确的布局技术涉及更复杂的标签结构，这会导致代码变得更难于编写、维护、调试.
表格不能自动响应:当你使用正确的布局容器(比如<header>,<section>,<article>,或是<div>),它们的默认宽度是父元素的100%.而表格的的默认大小是根据其内容而定的。因此，需要采取额外的措施来获取表格布局样式，以便有效地在各种设备上工作。
|
最新内容
相关内容
文本处理用c还是用python
文本处理用c还是用python，位置，培训，包装，对比，字符串，函数，文本，语言，字符，效率，文本处理python与c的对比：如下c++语言：C++语言实现C++中没有
机器学习用java还是python?
机器学习用java还是python?，分析，环境，数据，培训，发展，机器，结果，控制台，生态环境，有用，机器学习用python更合适。机器学习不需要面向对象，不
python是解释型吗?
python是解释型吗?，工作，平台，培训，解释性，虚拟机，语言，高层次，源码，脚本语言，之前，python是一种跨平台的计算机程序设计语言。是一个高层次
实数是不是python的数据类型?
实数是不是python的数据类型?，数字，标准，培训，实数，数据类型，数轴，复数，有限小数，无理数，虚数，实数是python的数据类型。实数，是有理数和无理
python判断xml是否存在某一节点?
python判断xml是否存在某一节点?，数据，培训，节点，方法，结果，表达式，长度，以上，更多，内容，python中判断xml是否存在某一节点的方法：使用selectN
python如何查找是否存在某个变量?
python如何查找是否存在某个变量?，培训，变量，函数，定义，属性，参数，字典，对象，类型，方法，python中可以使用locals()、dir()、vars()等函数来查
python中什么叫递归函数?
python中什么叫递归函数?，规模，培训，函数，嵌套，内部，不是，实例，特性，层次，效率，1、什么叫递归函数?在函数内部，可以调用其他函数。如果一个函
python3中%d什么意思?
python3中%d什么意思?，较大，综合，整数，培训，位数，左侧，结果，意思，空格，数值，python3中%d表示将参数格式化为整数。使用%d时可以在“d”前加数
python列表是否允许重复
python列表是否允许重复，培训，表里，元素，字典，列表，方法，长度，种类，也就是，下面，python列表允许重复，下面我们就来介绍几种判断列表是否重复的python字典中值是否能重复?
python字典中值是否能重复?，数字，培训，字典，中值，格式，字符串，数据类型，以上，更多，内容，python字典中的值可以重复。字典中的键必须是唯一的，
python为什么不适合web开发
python为什么不适合web开发，平台，培训，一致，环境，代码，技术，业务，性能，虚拟机，进程，python不适合web开发的原因：1、性能堪忧。写个httpserver
怎么查看python模块在什么位置
怎么查看python模块在什么位置，位置，代码，培训，模块，路径，下面，以上，文件，方法，更多，查看python模块在什么位置的方法：若要获取模块的文件名为