Ostatnio edytowany:

headers

Autor: Virtual Patriot

Przeznaczenie atrybutu headers

Za pomocą atrybutu headers możemy określić, z którym elementem th powinien zostać powiązany interesujący nas element HTML tabeli HTML.

Elementy HTML dla atrybutu headers

  1. td
  2. th

Przykład atrybutu headers

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <table border>
      <caption>Grupowanie roślin według koloru</caption>

      <thead>
        <tr>
          <th id="czerwone">czerwone</th>
          <th id="globalne">rośliny świata</th>
          <th id="zielone">zielone</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td>truskawka</td>
          <th headers="czerwone globalne zielone">owoce</th>
          <td>kiwi</td>
        </tr>

        <tr>
          <td>pomidor</td>
          <th headers="czerwone globalne zielone">warzywa</th>
          <td>ogórek</td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

Rezultat

Grupowanie roślin według koloru
czerwone rośliny świata zielone
truskawka owoce kiwi
pomidor warzywa ogórek

Ponieważ do przykładowego elementu "th" został dodany atrybut "headers" wraz z wartością "czerwone globalne zielone" wspomniany element "th", którego zawartość reprezentuje treść w postaci ciągu znaków "owoce" zawiera dodatkową informację dla przeglądarki internetowej o tym, że wspomniany element "th" został powiązany z elementem "th" posiadającym atrybut "id" o wartości "czerwone", z elementem "th" posiadającym atrybut "id" o wartości "globalne" oraz z elementem "th" posiadającym atrybut "id" o wartości "zielone".

Interpretacja atrybutu headers

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak