Sleutel Verschil - div vs span
 

HTML is een veel gebruikte taal om webpagina's te ontwikkelen. Het staat voor Hyper Text Markup Language. De term Hyper verwijst naar het linken naar andere internetbronnen op internet. De term Markup verwijst naar de mogelijkheid om opgemaakte tekst te maken met afbeeldingen en andere multimediabronnen. Hyperlinks zijn de belangrijkste componenten in HTML waarmee alle webresources met elkaar worden verbonden. Er zijn verschillende versies van HTML. Het zijn HTML 2.0, 3.2, 4.01 en HTML5. Kortom, HTML is een tekstdocument met tags. Het vertelt de webbrowser de manier om de webpagina te structureren om het weer te geven. De div en span zijn twee tags in HTML. Elk HTML-element heeft een standaard weergavewaarde afhankelijk van het type element. Het kunnen dus blokken of inline elementen zijn. Dit artikel bespreekt het verschil tussen div en span. De belangrijk verschil tussen div en span is dat div is een blokniveauelement terwijl span een inline-element is.

INHOUD

1. Overzicht en belangrijkste verschil
2. Wat is div
3. Wat is overspanning
4. Overeenkomsten Tussen div en span
5. Vergelijking zij aan zij - div vs span in tabelvorm
6. Samenvatting

Wat is div?

Alle html-documenten beginnen met een declaratie van het documenttype. Tegenwoordig is HTML5 de meest gebruikte HTML-versie. Daarom is de typedeclaratie. Alle html-tags moeten worden opgenomen in de tags en. De noodzakelijke details van de webpagina zijn opgenomen in de tag. De zichtbare webpagina is in de tag geschreven. Er zijn tags voor elk doel. De

tag wordt gebruikt voor paragrafen. De

,

enz. worden gebruikt voor rubrieken. De inhoud in de begin- en eindtag staat bekend als een element. bv.

Dit is een paragraaf

.

Figuur 01: HTML5

Elk HTML-element heeft een standaard weergavewaarde afhankelijk van het type element. De standaard weergavewaarden kunnen blok of inline zijn. De blokniveau-elementen beginnen altijd met een nieuwe regel. Deze elementen nemen de hele beschikbare breedte in beslag. Enkele voorbeelden van blokniveau-elementen zijn

, ,

---

en .

De div-tag is ook een blokniveau-element in HTML. De syntaxis is als volgt.

Hallo Wereld!

De div-elementen zijn een container voor andere elementen. Daarom kan een reeks elementen in het div-element worden ingepakt. Bij gebruik met Cascading Style Sheet (CSS), kan div-tag worden gebruikt om een ​​blok met content te stijlen. Raadpleeg het onderstaande stuk code.

Twee alinea's bevinden zich in de div-tag. Alle inhoud binnen de div-tag heeft de achtergrondkleur zwart en de letterkleur wit.

Wat is overspanning?

Anders dan in blokniveau-elementen, beginnen de inline-elementen niet op een nieuwe regel. Het vergt slechts de vereiste breedte. Enkele voorbeelden van inline-elementen zijn , ,
en

Afbeelding 02: div en span-tag

De span-tag wordt gebruikt als een container voor sommige tekst. Deze tag kan ook met CSS worden gebruikt. Daarom kan een deel van de tekst worden gestileerd. Raadpleeg het onderstaande voorbeeld. De 'paragraph1' bevindt zich binnen de span-tag. Kleur wordt toegevoegd met behulp van CSS-stijlkenmerk.

Dit is de alinea1

Wat zijn de overeenkomsten tussen div en span?

• Zowel div als span zijn groepstags in HTML.
• Zowel div als span bevatten de begin- en eindtag.
• Zowel div als span kunnen een stijlkenmerk hebben.

Wat is het verschil tussen div en span?

div vs span
De div is een HTML-tag die een divisie of een sectie in een HTML-document definieert.	De reeks is een HTML-tag die wordt gebruikt om inline elementen in een HTML-document te groeperen.
Gebruik
De div-tag wordt gebruikt als een container voor andere elementen.	De span-tag wordt gebruikt als een container voor sommige tekst.
Nieuwe lijn
De div-tag begint met een nieuwe regel.	De span-tag begint niet met een nieuwe regel.
Vereiste breedte
De div-tag zal de hele breedte gebruiken.	De span-tag neemt alleen de vereiste breedte aan.
Syntaxis

Samenvatting - div vs span 

HTML staat voor Hyper Text Markup Language. Het wordt gebruikt om websites te ontwikkelen. Deze taal bestaat uit tags. De div en span groepstags in HTML. Ze worden gebruikt om een ​​sectie in een document te definiëren. In dit artikel wordt het verschil uitgelegd tussen div- en span-tags. Het verschil tussen div en span is dat div een blokniveauelement is, terwijl span een inline-element is.

Download de PDF van div vs span

U kunt de PDF-versie van dit artikel downloaden en gebruiken voor offline doeleinden volgens citaatnotitie. Download de PDF-versie hier: Verschil tussen div en span 

Referentie:

1.tutorialspoint.com. "HTML-blokken." Het punt, Beschikbaar Hier  
2. HTML Block en Inline Elements. Beschikbaar Hier 

Afbeelding met dank aan:

1.'HTML5 logo en woordmerk'door W3C, (CC BY 3.0) via Commons Wikimedia