Verschil tussen div en span-tag in HTML | Verschil Tussen | nl.natapa.org

Verschil tussen div en span-tag in HTML




Belangrijk verschil: De
tag maakt een regeleinde en maakt standaard een scheiding tussen de tekst die na de tag komt zoals begonnen en tot de tag eindigt
. De tag maakt geen regelafbreking vergelijkbaar met a
tag, maar laat de gebruiker toe om dingen te scheiden van andere elementen om hem heen op een pagina binnen dezelfde regel.

De
en tag zijn twee veelgebruikte tags die worden gevonden bij het maken van pagina's met HTML en het uitvoeren van verschillende functies. Deze zijn vaak verwarrend voor veel beginners die proberen te begrijpen wanneer ze moeten gebruiken. Laten we eerst het verschil tussen de twee begrijpen.

De

tag is een element op blokniveau, terwijl de is een inline element. Beide worden vaak gebruikt bij het controleren van verschillende aspecten van een webpagina, inclusief afbeeldingen, tekst, enzovoort.

De

tag maakt een regeleinde en maakt standaard een scheiding tussen de tekst die na de tag komt zoals begonnen en tot de tag eindigt
. Het maakt aparte vakken of speciale containers voor alle andere elementen, tekst en afbeeldingen die in deze tekst worden geplaatst. Deze tags staan ​​meestal op zichzelf en mogen niet worden gebruikt met de

(alinea) tags.

De tag maakt geen regelafbreking vergelijkbaar met a
tag, maar laat de gebruiker toe om dingen te scheiden van andere elementen om hem heen op een pagina binnen dezelfde regel. Het ontbreken van regelafbreking resulteert alleen in de wijziging van geselecteerde tekst, waarbij alle andere elementen om hen heen hetzelfde blijven. Deze worden vaak gebruikt om een ​​bepaald deel van de tekst op te laten vallen, zoals het inkleuren of vet maken. Deze tags worden vaak gebruikt binnen de

-tags.

Vergelijking tussen div en span-tag in Html:

div-tag

span tag

Type element

Blokniveauelement

Inline element

begint

Op een nieuwe pagina

Het is niet nodig om op een nieuwe regel te beginnen

Ruimte

Neemt de volledige beschikbare breedte over

Neemt zoveel breedte op als nodig is

Andere voorbeelden

-

Gebruikt als

Een container voor andere HTML-elementen

Een container voor wat tekst

attributen

Geen vereiste kenmerken, maar stijl en klasse zijn normaal

Geen vereiste kenmerken, maar stijl en klasse zijn normaal

Bij gebruik met CSS

Kan worden gebruikt om blokken met inhoud te stijlen

Kan worden gebruikt om delen van de tekst te stylen

Afbeelding met dank aan: html-5-tutorial.com, safeschoolbexley.co.uk

Vorige Artikel

Het verschil tussen Whiskey en Bourbon

Volgende Artikel

Het verschil tussen tafelzout en koosjer zout