HTML-Tag <caption>

Im Tag <caption> wird die Überschrift der Tabelle platziert. Das Tag <caption> wird innerhalb des Elements <table> gleich nach dem Starttag <table> geschrieben.

Syntax

Das Tag <caption> wird gepaart verwendet, sein Inhalt wird zwischen den Start- (<caption>) und Endtags (</caption>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Inhalt des Dokuments</title>
  </head>
  <body>
    <table summary="grades" width="400" border="1">
      <caption>Bewertungspapier</caption>
      <thead>
        <tr>
          <th>Student</th>
          <th>1. Prüfung</th>
          <th>2. Prüfung</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>John Johnson</td>
          <td>75</td>
          <td>65</td>
        </tr>
        <tr>
          <td>Mary Nicolson</td>
          <td>55</td>
          <td>80</td>
        </tr>
        <tr>
          <td>Max Thomson</td>
          <td>60</td>
          <td>47</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Ergebnis

Bewertungspapier
Student 1. Prüfung 2. Prüfung
John Johnson 75 65
Mary Nicolson 55 80
Max Thomson 60 47

Attribute

Attribut Wert Beschreibung
align Es gleicht die Überschriften horizontal aus.
Es wird in HTML5 nicht verwendet.
right Der Überschrift wird oben platziert und von der rechten Seite ausgeglichen.
left Der Überschrift wird oben platziert und von der linken Seite ausgeglichen.
top Der Überschrift wird oben platziert und im Zentrum ausgeglichen.
bottom Der Überschrift wird unten platziert und im Zentrum ausgeglichen.

Das Tag <caption> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was ist das HTML-Tag <caption> und wo wird es benutzt?
Finden Sie das nützlich?