HTML <div> und <span>
HTML kann Elemente mithilfe von <div> und <span> gruppieren.
HTML-Blockelemente
Die meisten HTML-Elemente werden alsBlock-Level-ElementeoderInline-Elemente definiert。
Block-Level-Elemente beginnen (und enden) normalerweise in einer neuen Zeile, wenn sie in einem Browser angezeigt werden.
Beispiel: <h1>, <p>, <ul>, <table>
HTML-Inline-Elemente
Inline-Elemente beginnen normalerweise nicht in einer neuen Zeile, wenn sie angezeigt werden.
Beispiel: <b>, <td>, <a>, <img>
HTML-<div>-Element
Das HTML-<div>-Element ist ein Block-Level-Element, das als Container zur Gruppierung anderer HTML-Elemente verwendet werden kann.
Das <div>-Element hat keine spezifische Bedeutung. Abgesehen davon zeigt der Browser, da es sich um ein Block-Level-Element handelt, Zeilenumbrüche davor und danach an.
Bei Verwendung mit CSS kann das <div>-Element verwendet werden, um Stileigenschaften für große Inhaltsblöcke festzulegen.
Eine weitere häufige Verwendung des <div>-Elements ist das Dokumentlayout. Es ersetzt die alte Methode, Tabellen zur Definition des Layouts zu verwenden. Die Verwendung des <table>-Elements für das Dokumentlayout ist nicht die korrekte Verwendung einer Tabelle. Die Rolle des <table>-Elements besteht darin, tabellarische Daten anzuzeigen.
HTML-<span>-Element
Das HTML-<span>-Element ist ein Inline-Element, das als Container für Text verwendet werden kann.
Das <span>-Element hat auch keine spezifische Bedeutung.
In Verbindung mit CSS kann das <span>-Element verwendet werden, um Stileigenschaften für Teile eines Textes festzulegen.
HTML-Gruppierungs-Tags
| Tags | Beschreibung |
|---|---|
| <div> | Definiert einen Abschnitt in einem Dokument, Block-Level. |
| <span> | Wird verwendet, um Inline-Elemente in einem Dokument zu gruppieren, Inline-Element. |