Hauptunterschied - div vs span
HTML ist eine weit verbreitete Sprache zur Entwicklung von Webseiten. Es steht für Hyper Text Markup Language. Der Begriff Hyper bezieht sich auf die Verknüpfung mit anderen Webressourcen im Internet. Der Begriff Markup bezieht sich auf die Fähigkeit, formatierten Text mit Bildern und anderen Multimedia-Ressourcen zu erstellen. Hyperlinks sind die Hauptkomponenten in HTML, mit denen alle Webressourcen miteinander verbunden werden. Es gibt verschiedene Versionen von HTML. Sie sind HTML 2.0, 3.2, 4.01 und HTML5. Grundsätzlich ist HTML ein Textdokument mit Tags. Es teilt dem Webbrowser mit, wie die Webseite so strukturiert werden soll, dass sie angezeigt wird. Div und span sind zwei Tags in HTML. Jedes HTML-Element hat abhängig vom Typ des Elements einen Standardanzeigewert. Sie können also Block- oder Inline-Elemente sein. Dieser Artikel beschreibt den Unterschied zwischen div und span. Der Hauptunterschied zwischen div und span besteht darin, dass div ein Element auf Blockebene ist, während span ein Inline-Element ist.
INHALT
1. Überblick und Hauptunterschied
2. Was ist div
3. Was ist span
4. Ähnlichkeiten zwischen div und span
5. Vergleich nebeneinander - div gegen span in tabellarischer Form
6. Zusammenfassung
Was ist div?
Alle HTML-Dokumente beginnen mit einer Dokumenttypdeklaration. Heute ist HTML5 die häufigste Version von HTML. Daher lautet die Typdeklaration. Alle HTML-Tags sollten in den Tags und enthalten sein. Die erforderlichen Details der Webseite sind im Tag enthalten. Die sichtbare Webseite wird in das Tag geschrieben. Für jeden Zweck gibt es Tags. Das
Tag wird für Absätze verwendet. Das
,
usw. werden für Überschriften verwendet. Der Inhalt innerhalb des Start- und End-Tags wird als Element bezeichnet. z. B
Dies ist ein Absatz
Abbildung 01: HTML5
Jedes HTML-Element hat abhängig vom Typ des Elements einen Standardanzeigewert. Die Standardanzeigewerte können entweder Block oder Inline sein. Die Elemente auf Blockebene beginnen immer mit einer neuen Zeile. Diese Elemente nehmen die gesamte verfügbare Breite ein. Einige Beispiele für Elemente auf Blockebene sind,, und
Das div-Tag ist auch ein Element auf Blockebene in HTML. Die Syntax lautet wie folgt.
Hallo Welt!
Die div-Elemente sind ein Container für andere Elemente. Daher kann ein Satz von Elementen in das div-Element gepackt werden. Bei Verwendung mit Cascading Style Sheet (CSS) kann das div-Tag zum Formatieren eines Inhaltsblocks verwendet werden. Lesen Sie den folgenden Code.
Innerhalb des div-Tags befinden sich zwei Absätze. Der gesamte Inhalt des div-Tags hat die Hintergrundfarbe Schwarz und die Schriftfarbe Weiß.
Was ist die Spanne?
Im Gegensatz zu Elementen auf Blockebene beginnen die Inline-Elemente nicht in einer neuen Zeile. Es wird nur die erforderliche Breite benötigt. Einige Beispiele für Inline-Elemente sind,, und
Das span-Tag ist auch ein Inline-Element in HTML. Die Syntax lautet wie folgt.
Hallo Welt!
Abbildung 02: Div- und Span-Tag
Das span-Tag wird als Container für Text verwendet. Dieses Tag kann auch mit CSS verwendet werden. Daher kann ein Teil des Textes gestaltet werden. Siehe Beispiel unten. Der 'Absatz1' befindet sich innerhalb des Span-Tags. Farbe wird mithilfe des CSS-Stilattributs hinzugefügt.
Dies ist der Absatz 1
Was sind die Ähnlichkeiten zwischen div und span?
- Sowohl div als auch span gruppieren Tags in HTML.
- Sowohl div als auch span enthalten das Start- und das End-Tag.
- Sowohl div als auch span können Stilattribute haben.
Was ist der Unterschied zwischen div und span?
Diff Artikel Mitte vor Tabelle
div vs span |
|
| Das div ist ein HTML-Tag, das eine Abteilung oder einen Abschnitt in einem HTML-Dokument definiert. | Der Bereich ist ein HTML-Tag, mit dem Inline-Elemente in einem HTML-Dokument gruppiert werden. |
| Verwendungszweck | |
| Das div-Tag wird als Container für andere Elemente verwendet. | Das span-Tag wird als Container für Text verwendet. |
| Neue Zeile | |
| Das div-Tag beginnt mit einer neuen Zeile. | Das span-Tag beginnt nicht mit einer neuen Zeile. |
| Erforderliche Breite | |
| Das div-Tag nimmt die gesamte Breite an. | Das span-Tag nimmt nur die erforderliche Breite an. |
| Syntax | |
Zusammenfassung - div vs span
HTML steht für Hyper Text Markup Language. Es wird verwendet, um Websites zu entwickeln. Diese Sprache besteht aus Tags. Die Div- und Span-Gruppierungs-Tags in HTML. Sie werden verwendet, um einen Abschnitt in einem Dokument zu definieren. In diesem Artikel wurde der Unterschied zwischen div- und span-Tags erläutert. Der Unterschied zwischen div und span besteht darin, dass div ein Element auf Blockebene ist, während span ein Inline-Element ist.
Laden Sie das PDF von div vs span herunter
Sie können die PDF-Version dieses Artikels herunterladen und gemäß Zitierhinweis für Offline-Zwecke verwenden. Bitte laden Sie die PDF-Version hier herunter: Unterschied zwischen div und span
