表格标签(table)深入了解
互联网 发布时间:2008-10-17 18:47:11 作者:佚名 我要评论
表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。
前不久为了寻找表格(table)所包含的主要
表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。
前不久为了寻找表格(table)所包含的主要标签,一直在寻找着,找到当然就是跟大家一起来分享一下。
表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,针对每个的介绍如下:
table标签可定义表格。在
caption 元素可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。
在表格中定义一行。
定义表格中的一个单元格。
定义表格的表头。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
定义一段表格主体(正文)。
使用
标签,可以将表格分为一个单独的部分。 标签可将表格中的一行或几行合成一组。虽然您可能想包括一个,甚至会在表格中包括两个或更多个
标签,但是我们建议最好在表格中没有 标签。在
标签中,只有 标签可以定义表格行。并且一旦定义,一个 标签就是表格中的一个独立的部分。例如不能从一个 跨越到另一个 中。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
定义表格的页脚(脚注)。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
定义某个表格中针对一个或多个列的属性值。您只能在表格或 colgroup 中使用此属性。
定义表格列的分组。通过此元素,您可以对列进行组合以便进行格式化。此元素只有在
有两种方式来使用
标签:一种是对几个同样的列进行简单的定义,另一种是将几个不同的列组合起来。PS:以上内容都是来自w3school的,因为w3school在版权信息中标注了版权所有,保留一切权利。那我也就不转不编辑了,取其中一段,然后大家可以点直接查看某个标签的详细介绍。也可以查看表格(table)的介绍。
相关文章
本文通过实例代码给大家分享基于HTML通过表单实现酒店筛选功能,代码真的很简答,对大家学习html表单相关知识有很大的帮助,对html酒店筛选相关知识,感兴趣的朋友一起看看2021-05-17
这篇文章主要介绍了HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,2021-05-10
这篇文章主要介绍了HTML 页面滚动时部分内容位置固定不滚动的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着2021-04-14
这篇文章主要介绍了HTML中table表格拆分合并(colspan、rowspan),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编2021-04-07
这篇文章主要介绍了html实现随机点名器的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学2021-04-01
这篇文章主要介绍了html+css实现血轮眼轮回眼特效 ,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-03-31
这篇文章主要介绍了Html分层的box-shadow效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-03-24
这篇文章主要介绍了html滑动仿悬浮球菜单效果的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-03-02
这篇文章主要介绍了sublime / vscode 快捷生成HTML代码的实现,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-03-02
这篇文章主要介绍了HTML页面缩小后显示滚动条的示例代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-02-26
最新评论