Schlüssel Unterschied - div vs Spanne
 

HTML ist eine weit verbreitete Sprache zur Entwicklung von Webseiten. Es steht für Hyper Text Markup Language. Der Begriff Hyper bezieht sich auf Links zu anderen Webressourcen im Internet. Der Begriff Markup bezieht sich auf die Möglichkeit, formatierten Text mit Bildern und anderen Multimedia-Ressourcen zu erstellen. Hyperlinks sind die Hauptkomponenten in HTML, durch die 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 weist den Webbrowser an, wie die Webseite so strukturiert werden kann, dass sie angezeigt wird. Div und span sind zwei Tags in HTML. Jedes HTML-Element hat abhängig vom Elementtyp einen Standardanzeigewert. Sie können also Block- oder Inline-Elemente sein. Dieser Artikel beschreibt den Unterschied zwischen Div und Span. Das Hauptunterschied zwischen div und span ist das div ist ein Blockebenenelement, während span ein Inlineelement ist.

INHALT

1. Übersicht und Schlüsseldifferenz
2. Was ist div
3. Was ist span
4. Ähnlichkeiten zwischen div und span
5. Side-by-Side-Vergleich - div vs. 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 ist 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. Es gibt Tags für jeden Zweck. Das

Tag wird für Absätze verwendet. Das

,

usw. werden für Überschriften verwendet. Der Inhalt des Start- und Endetags wird als Element bezeichnet. z.B.

Dies ist ein Absatz

.

Abbildung 01: HTML5

Jedes HTML-Element hat abhängig vom Elementtyp einen Standardanzeigewert. Die voreingestellten Anzeigewerte können entweder Block oder Inline sein. Die Elemente der 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 Blockebenenelement in HTML. Die Syntax lautet wie folgt.

Hallo Welt!

Das div-Element ist ein Container für andere Elemente. Daher kann eine Gruppe 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. Siehe den Code unten.

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 span?

Im Gegensatz zu Elementen auf Blockebene beginnen die Inline-Elemente nicht in einer neuen Zeile. Es nimmt nur die erforderliche Breite. Einige Beispiele für Inline-Elemente sind , ,
und

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 nachstehendes Beispiel. Der 'Absatz1' befindet sich im Span-Tag. Farbe wird mit dem CSS-Stilattribut hinzugefügt.

Dies ist der Absatz1

Was sind die Ähnlichkeiten zwischen div und span?

• Div und span sind Gruppierungs-Tags in HTML.
• Sowohl div als auch span enthalten das Starttag und das Endtag.
• Div und span können ein style-Attribut haben.

Was ist der Unterschied zwischen div und span?

div vs span
Das div ist ein HTML-Tag, das eine Division oder einen Abschnitt in einem HTML-Dokument definiert.	Der Bereich ist ein HTML-Tag, der zum Gruppieren von Inline-Elementen in einem HTML-Dokument verwendet wird.
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 Spanne 

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 ist, dass div ein Block-Level-Element 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äß Zitatvermerk für Offline-Zwecke verwenden. Laden Sie die PDF-Version hier herunter: Unterschied zwischen div und span 

Referenz:

1.Tutorialspoint.com. "HTML-Blöcke". Die Stelle, Hier verfügbar  
2.HTML-Block- und Inline-Elemente. Hier verfügbar 

Bildhöflichkeit:

1.HTML5-Logo und Wortmarke „Von W3C, (CC BY 3.0) über Commons Wikimedia