Question

在我写桌子时，是否有使用<tbody> <thead> <tfoot>代替<div>标签的意义？因为我看不出它之间有什么区别。我尝试过使用它们但视觉上没有区别吗？任何解释都会很好。

Answer 1

在允许thead，tbody和tfoot的地方不允许使用div。

在那里放一个会强制浏览器执行错误恢复。

这可能会导致div被完全忽略，因为这个例子（试图在中间的tr元素周围放置一个div）：

Answer 2

首先;一个<div> isn't allowed，虽然许多浏览器都被原谅了，但仍会尝试渲染表格。

此外; <tbody>，<thead>和<tfoot>代码不是强制性的，您可以将<tr>作为<table>元素的直接子代，这一切都很好。< / p>

但要回答你的问题;你为什么要用它们？语义和造型。

至于第一个; HTML是有意义的。标签的内容，无论是隐含的还是显式的，都转化为我们人类理解的东西。它可以是一个段落，一个图像，一个链接，等等。除了你和我，搜索引擎也理解语义;他们可以区分标题（例如。<h1>）和段落，并在排名页面时对标题内容给予更多权重。

这同样适用于表格数据;在<thead>中您会放置列名，但实际数据位于<tbody>元素中，搜索引擎会将其视为此类。

一个不错的副作用是你可以使用css来设置不同于主体的表头和页脚的样式，例如;

thead { font-size: 2em; } /* Big fonts for column names */
tbody { font-size: 1em; } /* Normal fonts for data */