HTML 表格非常有助于以行和列的形式构建内容。但有时需要在表中添加表。 HTML 支持此功能,称为表格嵌套。表可以嵌套在一起以在表内创建表。
要创建嵌套表,我们需要使用
….. | 之间。… | 标签内。这些表格使用不同的颜色绘制,以便读者更好地理解和清晰。绿色边框表代表外部表,而内部表具有蓝色边框。
Table 1 | Table 1
|
||||
Table 1 | Table 1. |
HTML
GeeksforGeeks
Nested tables
main Table row 1 column 1
main Table column 2
inner Table row 1 column 1
inner Table row 1 column 2
inner Table row 2 column 1
inner Table row 2 column 2
inner Table row 3 column 1
inner Table row 3 column 2
main Table row 2 column 1
main Table row 2 column 2
输出:
示例 2:为了更好地理解,对上面的示例进行了一些修改。
HTML
GeeksforGeeks
Nested tables
main Table row 1 column 1
main Table column 2
inner Table row 1 column 1
inner Table row 1 column 2
inner Table row 2 column 1
inner Table row 2 column 2
inner Table row 3 column 1
inner Table row 3 column 2
main Table row 2 column 1
main Table row 2 column 2
输出:
注意:嵌套表格的加载速度可能会很慢,对布局有限制,并且会妨碍网页更加灵活和实用。从搜索引擎优化的角度来看,他们不太推荐。