<thead>，

<tbody>和 <tfoot>是HTML元素，它們將表構(gòu)建到標(biāo)頭，車身和頁腳段中，以提供更好的組織和語義。 1。<thead>使用元素包含列標(biāo)題，每張表格一次，從而提高可訪問性和樣式； 2。 <tbody>用元素保存主要數(shù)據(jù)行，并且通常會被瀏覽器自動添加。 3。 <tfoot>定義摘要或總行，必須在<thead>之后放置，但在 <tbody>之前，在html中，但在桌面的底部呈現(xiàn)呈呈渲染圖，以印刷中重復(fù)的頁腳，并增強(qiáng)對大表格的可用性。這些元素可提高可訪問性，實(shí)現(xiàn)目標(biāo)CSS樣式，幫助JavaScript操縱，并幫助保持復(fù)雜的桌子中的清晰度，使其成為HTML表設(shè)計(jì)的最佳實(shí)踐。

<thead> ， <code><tbody>和<code><tfoot>是用于將表分為邏輯部分的HTML元素：<strong>標(biāo)頭</strong>，<strong>車身</strong>和<strong>頁腳</strong>。它們以更有條理和語義有意義的方式來構(gòu)造表 - 特別適合使用CSS造型以及使用JavaScript進(jìn)行腳本。 <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/175381304633448.jpeg" class="lazy" alt="什么是表中的<thead>，<tbody>和<tfoot>？"> ，，，，</tfoot> <tbody> ， 和</tbody> <tfoot>在桌子中？” /><p>這是每個(gè)人所做的：</p> <hr> <h3> <code><thead> - 桌標(biāo)題部分<ul> <li>包裹表的<strong>標(biāo)題行</strong>（通常是列標(biāo)題）。</li> <li>應(yīng)包含一個(gè)或多個(gè)帶有<code><tr> （標(biāo)頭單元） <code><th>元素。<li>每張表出現(xiàn)<strong>一次</strong>，并且必須是<code><table>的直接孩子。<li>即使您不使用它，瀏覽器也經(jīng)常在DOM中自動添加。</li> <p><strong>例子：</strong> </p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/175381304711716.jpeg" class="lazy" alt="什么是表中的<thead>，<tbody>和<tfoot>？"> ，，，，<tbody> ， 和</tbody> <tfoot>在桌子中？” /><pre class='brush:php;toolbar:false;'> &lt;Thead&gt; &lt;tr&gt; &lt;th&gt;名稱&lt;/th&gt; &lt;th&gt;年齡&lt;/th&gt; &lt;th&gt;城市&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt;</pre><hr /><h3 id="code-tbody-code-桌子身體部分"> <code><tbody> - 桌子身體部分

• 包含表的主要數(shù)據(jù)行。
• 這是您大多數(shù)<tr>行走的地方。
• 如果您不在HTML中包含<tbody> ，則通常會自動插入它。

例子：

 <tbody>
  <tr>
    <TD>約翰</td>
    <TD> 28 </td>
    <td>紐約</td>
  </tr>
  <tr>
    <td> sara </td>
    <TD> 32 </td>
    <td>洛杉磯</td>
  </tr>
</tbody>

---

<tfoot> - 桌子頁腳部分

• 用于摘要或總行（例如，總和，平均值）。
• 應(yīng)該跟隨<thead>但是在<tbody>之前，在html中（是的，真的?。?/li>
• 盡管在代碼的早期被定義，但它仍在表的底部渲染。
• 在打印長桌子時(shí)也可重復(fù)頁腳。

例子：

，，，，<tbody> ， 和<tfoot>在桌子中？” />

 <Tfoot>
  <tr>
    <td>總計(jì)：</td>
    <TD> 60 </td>
    <td> </td>
  </tr>
</tfoot>

---

為什么使用這些部分？

1. 可訪問性：屏幕讀取器可以更好地解釋表結(jié)構(gòu)。
2. 樣式：您可以以不同的方式樣式的標(biāo)頭，車身和頁腳：

    thead th {
     背景色：＃003366;
     顏色：白色；
   }
   tfoot td {
     字體重量：大膽；
   }

3. 長桌子：瀏覽器在滾動時(shí)可以保持標(biāo)頭/頁腳可見。
4. 打?。?/strong>頁腳可以在每個(gè)印刷頁面上重復(fù)。

---

完整示例：

 <表>
  <Thead>
    <tr>
      <th>產(chǎn)品</th>
      <th>價(jià)格</th>
      <th>股票</th>
    </tr>
  </thead>
  <Tfoot>
    <tr>
      <td>總計(jì)</td>
      <td> $ 150 </td>
      <TD> 45 </td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>筆記本電腦</td>
      <TD> $ 100 </td>
      <td> 20 </td>
    </tr>
    <tr>
      <TD>鼠標(biāo)</td>
      <TD> $ 50 </td>
      <TD> 25 </td>
    </tr>
  </tbody>
</table>

注意：即使<tfoot>出現(xiàn)在代碼中的<tbody>之前，它將顯示在表的底部。

---

因此，簡而言之：

• <thead> =標(biāo)題行（列標(biāo)題）
• <tbody> =主要數(shù)據(jù)行
• <tfoot> =頁腳/摘要行

  使用它們使您的桌子更清潔，更可維護(hù)和更可用，尤其是對于復(fù)雜或大型數(shù)據(jù)集?；旧希@是結(jié)構(gòu)良好的HTML表的最佳實(shí)踐。

以上是什么是表中的，和？的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！