Ostatnio edytowany:

scope

Autor: Virtual Patriot

Przeznaczenie atrybutu scope

Za pomocą atrybutu scope możemy określić zasięg interesującego nas elementu HTML tabeli HTML na kolejne wiersze lub kolejne kolumny wspomnianej tabeli HTML.

Elementy HTML dla atrybutu scope

  1. th

Przykład atrybutu scope

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

    <table border>
      <caption>Rośliny Świata</caption>

      <thead>
        <tr>
          <th>typy</th>
          <th>czerwone</th>
          <th>zielone</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <th scope="row">owoce</th>
          <td>truskawka</td>
          <td>kiwi</td>
        </tr>

        <tr>
          <th scope="row">warzywa</th>
          <td>pomidor</td>
          <td>ogórek</td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

Rezultat

Rośliny Świata
typy czerwone zielone
owoce truskawka kiwi
warzywa pomidor ogórek

Ponieważ do przykładowego elementu "th" został dodany atrybut "scope" wraz z wartością "row" 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" swoim zasięgiem obejmuje kolejne komórki w danym wierszu tabeli HTML, czyli komórkę, której zawartością jest ciąg znaków "truskawka" oraz komórkę, której zawartością jest ciąg znaków "kiwi".

Interpretacja atrybutu scope

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak