表格网页(网页设计用表格怎么设计

HTML网站表格的属性设置可以分为以下属性:

在很大程度上,HTML/XHTML浏览器都使用相同的属性来显示表格内容,控制一般内容的显示。但是,表中有一些特殊情况。为了使作者能够更好地控制这些项目,CSS添加了几个特定于表的属性。但是,流行的浏览器尚不支持这些属性。以下是介绍:

关于表格中的单元格边缘,有两种不同的观点。第一种观点认为,每个单元格都是一个独立的实体,具有唯一的边框。另一种观点认为,相邻单元格共享边框的边缘,更改一个单元格中的边框会影响其相邻单元格。

为了给网站建设者最大的控制权,CSS提供了边框折叠域,让我们可以选择适合自己风格的模型。默认情况下,该属性的值为collapse,这意味着相邻单元格共享其边框样式。换句话说,可以将边框折叠属性设置为“分开”,这样可以放大表格,这样边框就可以分开显示,并清楚地包围每个单元格。

如果选择了单独的样式,还可以使用边框间距属性来设置相邻边框之间的间距。默认边框间距为0,这意味着相邻单元格的边框彼此相邻,但某些浏览器可能仍然使用不同的默认值。增加该值后,浏览器可以在边框之间插入额外的空间,这样就可以显示表格的背景色或图像。如果只提供两个值,第一个值设置水平间距,第二个值确定垂直间距。

在单独的样式中,您还可以控制如何在单元格周围绘制边框。默认情况下,边框围绕表格中的所有单元格绘制,即使其中没有内容。您可以通过将空单元格属性从默认值显示切换到隐藏来更改这种情况。设置属性时,空单元格仅显示表格背景。如果整行单元格为空,浏览器将从表格实体中移除该行。

表格标题侧属性:

仅在元素中使用标题端属性。它接受顶部、底部、左侧或右侧的值,并告诉浏览器将标题放在与其关联的表格旁边的什么位置。与标签依赖于浏览器的align属性相比,标题端属性提供了一种更一致的放置标题的方式。流行的浏览器还不支持标题端,但无论如何这个属性应该包含在未来的版本中。

表格朗读头属性:

可以播放音频的浏览器可以通过搜索目录为用户提供一种非常好的浏览方式。一个非常简单的方法是让浏览器根据各自的标题来组织目录,并读取哪个单元格更容易理解。

speak-header属性为浏览器识别表格中的单元格(集合)提供了两种方法。如果指定了一次(默认值),浏览器在读取与每个单元格关联的数据单元格之前,只读取标题单元格的内容一次。这样,当用户在一行单元格中移动时,他会听到行中第一个单元格的行标题和列标题,但只有当他必须移动到行中的下一个单元格时,他才会听到更改的列标题。

如果speak-header属性设置为“始终”,浏览器将通过读取与单元格关联的标题来读取每个单元格的内容。事实证明,这对于复杂的表格非常有用,或者在标题值使得更容易理解表格内容的情况下(特别是如果表格只包含数字)。

请注意,只有当您知道哪个标题单元格与数据单元格相关联时,浏览器才会读取标题。这时,正儿八经的程将使用自己表格单元格中的header属性来指定与表格中每个数据单元格关联的标题单元格。

表格布局属性:

表格布局对于任何浏览器来说都是一项艰巨的任务。为了创建一个有吸引力的表格,浏览器必须在每一列中找到最宽的单元格,调整列以适合该宽度,然后调整整个表格以适合所有列。对于大型表格,当浏览器处理多个表格时,为了正确显示表格,文档显示可能会显著减慢。

使用表布局属性将有助于这个过程。如果属性设置为固定,浏览器将根据表中第一行的宽度确定列宽。如果在显示模式中设置列宽,并且将表格的表格布局属性设置为固定,那么表格的显示过程会明显加快,这样用户在查看这些文档时可以增强体验。

默认情况下,表布局属性设置为自动,这将强制浏览器使用更耗时的多遍算法,即使指定了表中的列宽也是如此。如果表格内容发生变化,并且无法设置列宽,可以将表格布局属性设置为自动。如果列宽可以固定,而表格内容不变,则可以将表格布局属性设置为固定。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注