W3docs
de
Anmelden

HTML <big> Tag

Das <big>-Tag lässt Text größer erscheinen als den umgebenden Text. Es ist in HTML5 veraltet – erfahren Sie, was Sie stattdessen verwenden.

Das <big>-Element ließ Text eine Schriftgröße größer als den umgebenden Text erscheinen. Es erhöhte die Schriftgröße um eine Stufe im Vergleich zum Elternelement, wobei der Browser selbst bestimmte, wie groß „eine Stufe" genau war. Der Text konnte nie größer werden als die maximale Schriftgröße des Browsers.

Diese Seite erklärt, was <big> bewirkte, warum es aus HTML5 entfernt wurde, und welches moderne CSS Sie stattdessen verwenden sollten.

Gefahr

Verwenden Sie <big> nicht in neuen Projekten. Es ist ein veraltetes HTML-Tag und wurde vollständig aus HTML5 entfernt — Browser können es aus Gründen der Abwärtskompatibilität noch rendern, aber es ist ungültiges Markup und kann jederzeit aufhören zu funktionieren. Verwenden Sie stattdessen CSS, das die Schriftgröße steuert.

Warum <big> entfernt wurde

<big> ist ein präsentationsbezogenes Element: Es beschreibt, wie Text aussehen soll, nicht was er bedeutet. HTML5 basiert auf einer klaren Trennung der Zuständigkeiten — HTML für Struktur und Bedeutung, CSS für Präsentation. Die Vermischung beider erschwert die Wartung von Seiten (Sie müssen das Markup bearbeiten, um das Aussehen zu ändern) und macht es für Hilfstechnologien und Suchmaschinen schwerer, den Inhalt zu interpretieren.

Tags wie <big> stammen aus dem frühen Web der 1990er Jahre, bevor CSS weit verbreitet war, als die Größenänderung von Text inline die einzige praktische Option war. Als CSS ausgereift war, wurden präsentationsbezogene Tags überflüssig. HTML5 hat eine ganze Familie davon fallen gelassen, darunter <big>, <font>, <center> und <strike>. Die Erkenntnis: Größe und Stil gehören in ein Stylesheet, nicht in den Tag-Namen.

Beachten Sie, dass <small> in HTML5 beibehalten wurde — aber nur, weil es eine echte semantische Bedeutung erhielt (Nebenkommentare, Kleingedrucktes). Es gab keine gleichwertige Bedeutung, die die Beibehaltung von <big> gerechtfertigt hätte, weshalb es entfernt wurde.

Syntax (veraltet)

Das <big>-Tag wurde paarweise verwendet. Der Inhalt stand zwischen dem öffnenden (<big>) und schließenden (</big>) Tag, platziert innerhalb des <body>.

Beispiel des veralteten <big>-Tags

Warnung

Dieses Beispiel dient nur als Referenz. <big> ist in HTML5 ungültig — siehe den CSS-Ersatz weiter unten.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is normal.</p>
    <p><big>This text is bigger.</big></p>
  </body>
</html>
Probier es selbst »

Ergebnis

big example

Der CSS-Ersatz

Der nächste und treueste Ersatz ist das font-size-Schlüsselwort larger. Es tut genau das, was <big> tat — Text um eine Stufe relativ zum Elternelement vergrößern — aber als Style-Regel:

.big {
  font-size: larger;
}

Wenden Sie es auf ein <span>-Element an (ein Inline-Element ohne eigene Bedeutung), und Sie erhalten das Verhalten von <big> ohne den veralteten Tag:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .big {
        font-size: larger;
      }
    </style>
  </head>
  <body>
    <p>This text is normal,
      <span class="big">and this text is bigger.</span>
    </p>
  </body>
</html>
Probier es selbst »

Ergebnis

big1 example

Eine explizite Größe wählen

larger ist praktisch, aber vage — Sie haben keine Kontrolle darüber, wie viel größer der Text wird. Für eine vorhersehbare, skalierbare Typografie sollten Sie die Größe explizit festlegen. Bevorzugen Sie relative Einheiten gegenüber fixen Pixeln, damit der Text die bevorzugte Schriftgröße und den Zoom des Nutzers berücksichtigt:

p {
  font-size: 1rem;     /* base size — relative to the root <html> font size */
}
.big-em {
  font-size: 1.2em;    /* 1.2× the parent element's size */
}
.big-rem {
  font-size: 1.2rem;   /* 1.2× the root size, ignoring the parent */
}
.big-percent {
  font-size: 120%;     /* same idea as 1.2em, written as a percentage */
}

Warum diese statt eines einfachen 19px?

  • em skaliert relativ zur Schriftgröße des Elternelements — ideal, um Text um „eine Stufe" zu vergrößern, wie es <big> tat.
  • rem skaliert relativ zur Schriftgröße des Root-Elements (<html>) — überall konsistent und von Verschachtelung unabhängig.
  • % verhält sich wie em (relativ zum Elternelement) und ist für viele Autoren intuitiv lesbar.
  • Ein fixer px-Wert ignoriert die Browsereinstellungen des Nutzers; Nutzer, die ihre Standardschriftgröße für bessere Lesbarkeit erhöhen, werden Ihren „größeren" Text nicht entsprechend skaliert sehen. Relative Einheiten halten Ihr Design barrierefrei.

Attribute

<big> unterstützte nur die Globalen Attribute — es hatte keine eigenen Attribute. In der Praxis spielt das kaum eine Rolle: Da das Tag veraltet ist, lautet der einzig richtige Rat, es überhaupt nicht zu verwenden.

Was heute zu tun ist

  • Verwenden Sie niemals <big> (oder <font>, <center>, <strike>) in neuem HTML.
  • Um Text zu vergrößern, verwenden Sie die CSS-Eigenschaft font-size — larger für eine schnelle einstufige Vergrößerung oder eine relative Einheit (em/rem/%) für präzise, barrierefreie Kontrolle.
  • Wenn der größere Text eine Bedeutung trägt (eine Überschrift, Betonung), verwenden Sie ein semantisches Element wie eine Überschrift oder <strong> und gestalten Sie es mit CSS — machen Sie einfachen Text nicht einfach nur größer.

Übungen

Übung
Was ist die Verwendung und Bedeutung des HTML-Tags <big>, wie auf der angegebenen Webseite beschrieben?
Was ist die Verwendung und Bedeutung des HTML-Tags <big>, wie auf der angegebenen Webseite beschrieben?
Was this page helpful?