Belangrijkste verschil - div versus span
HTML is een veelgebruikte taal om webpagina's te ontwikkelen. Het staat voor Hyper Text Markup Language. De term Hyper verwijst naar links naar andere webbronnen op internet. De term Markup verwijst naar de mogelijkheid om opgemaakte tekst met afbeeldingen en andere multimediabronnen te maken. Hyperlinks zijn de belangrijkste componenten in HTML die ervoor zorgen dat alle webbronnen met elkaar worden verbonden. Er zijn verschillende versies van HTML. Het zijn HTML 2.0, 3.2, 4.01 en HTML5. In feite is HTML een tekstdocument met tags. Het vertelt de webbrowser de manier waarop de webpagina moet worden gestructureerd om deze weer te geven. De div en span zijn twee tags in HTML. Elk HTML-element heeft een standaard weergavewaarde, afhankelijk van het type element. Ze kunnen dus een 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 blokniveau-element is, terwijl span een inline-element is.
INHOUD
1. Overzicht en belangrijkste verschil
2. Wat is div
3. Wat is span
4. Overeenkomsten tussen div en span
5. Vergelijking zij aan zij - div versus span in tabelvorm
6. Samenvatting
Wat is div?
Alle html-documenten beginnen met een documenttypeaangifte. Tegenwoordig is HTML5 de meest gebruikte versie van HTML. Daarom is de typeaangifte. Alle html-tags moeten worden opgenomen in de tags en. De nodige details van de webpagina zijn opgenomen in de tag. De zichtbare webpagina wordt in de tag geschreven. Er zijn tags voor elk doel. De
tag wordt gebruikt om alinea's. De
,
etc. worden gebruikt voor koppen. De inhoud in 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 blokniveau-elementen beginnen altijd met een nieuwe regel. Deze elementen nemen de volledige 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 set elementen in het div-element worden verpakt. Bij gebruik met Cascading Style Sheet (CSS), kan de div-tag worden gebruikt om een blok met inhoud op te maken. Raadpleeg het onderstaande stuk code.
Twee alinea's bevinden zich in de div-tag. Alle inhoud in de div-tag heeft de achtergrondkleur zwart en de tekstkleur wit.
Wat is span?
In tegenstelling tot elementen op blokniveau, beginnen de inline-elementen niet op een nieuwe regel. Het heeft alleen de vereiste breedte nodig. 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 bepaalde 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 in de span-tag. Kleur wordt toegevoegd met behulp van CSS-stijlkenmerk.
Dit is paragraaf 1
Wat zijn de overeenkomsten tussen div en span?
- Zowel div als span zijn groeperingstags in HTML.
- Zowel div als span bevatten de start-tag en de eindtag.
- Zowel div als span kunnen een style-attribuut hebben.
Wat is het verschil tussen div en span?
Diff Artikel Midden voor Tafel
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 container voor andere elementen. | De span-tag wordt gebruikt als een container voor bepaalde 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 neemt de hele breedte in beslag. | De span-tag neemt alleen de vereiste breedte aan. |
| Syntaxis | |
Samenvatting - div versus 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 blokniveau-element is, terwijl span een inline-element is.
Download de pdf van div vs span
U kunt de pdf-versie van dit artikel downloaden en offline gebruiken volgens de citatienota. Download de pdf-versie hier: Verschil tussen div en span
