Verschil tussen div en span

2024 Auteur: Alex Aldridge | [email protected]. Laatst gewijzigd: 2023-12-17 13:46

Belangrijk verschil – div vs span

HTML is een veelgebruikte taal om webpagina's te ontwikkelen. Het staat voor Hyper Text Markup Language. De term Hyper verwijst naar het linken naar andere webbronnen 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 die ervoor zorgen dat alle webbronnen met elkaar verbonden zijn. Er zijn verschillende versies van HTML. Dit zijn HTML 2.0, 3.2, 4.01 en HTML5. Kortom, HTML is een tekstdocument met tags. Het vertelt de webbrowser hoe de webpagina moet worden gestructureerd om deze weer te geven. De div en span zijn twee tags in HTML. Elk HTML-element heeft een standaardweergavewaarde, afhankelijk van het type element. Het kunnen dus blok- of inline-elementen zijn. Dit artikel bespreekt het verschil tussen div en span. Het belangrijkste verschil tussen div en span is dat div een element op blokniveau is, terwijl span een inline-element is.

Wat is div?

Alle html-documenten beginnen met een declaratie van het documenttype. Tegenwoordig is HTML5 de meest voorkomende versie van HTML. Daarom is de typedeclaratie. Alle html-tags moeten worden opgenomen in de en tags. De benodigde 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 alinea's. De

,

etc. worden gebruikt voor koppen. De inhoud binnen de begin- en eindtag staat bekend als een element. bijv.

Dit is een alinea

Figuur 01: HTML5

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

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

Hallo wereld!

De div-elementen zijn een container voor andere elementen. Daarom kan een set elementen in het div-element worden verpakt. Bij gebruik met Cascading Style Sheet (CSS), kan div-tag worden gebruikt om een inhoudsblok op te maken. Raadpleeg het onderstaande stukje code.

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

Wat is span?

In tegenstelling tot elementen op blokniveau, beginnen de inline-elementen niet op een nieuwe regel. Het neemt alleen de vereiste breedte in beslag. Enkele voorbeelden van inline-elementen zijn,, en

De span-tag is ook een inline-element in HTML. De syntaxis is als volgt.

Hallo wereld!

Figuur 02: div en span tag

De span-tag wordt gebruikt als een container voor wat tekst. Deze tag kan ook worden gebruikt met CSS. Daarom kan een deel van de tekst worden opgemaakt. Zie onderstaand voorbeeld. De 'paragraaf1' bevindt zich binnen de span-tag. Kleur wordt toegevoegd met behulp van CSS-stijlkenmerk.

Dit is de paragraaf1

Wat zijn de overeenkomsten tussen div en span?

• Zowel div als span zijn groeperingstags in HTML.
• Zowel div als span bevatten de begintag en de 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 span 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 wat tekst.
Nieuwe regel
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 aannemen.	De span-tag heeft alleen de vereiste breedte.
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-groeperingstags 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 element op blokniveau 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 de citatienota. Download hier de PDF-versie: Verschil tussen div en span