Verschil tussen blok- en inline-elementen

Inhoudsopgave:

Verschil tussen blok- en inline-elementen
Verschil tussen blok- en inline-elementen

Video: Verschil tussen blok- en inline-elementen

Video: Verschil tussen blok- en inline-elementen
Video: #5 - The Difference Between Block and Inline Elements 2024, Juli-
Anonim

Belangrijk verschil - Blok versus inline-elementen

HTML staat voor Hyper Text Markup Language. Het wordt gebruikt om webpagina's te maken. Elke webpagina is door middel van hyperlinks verbonden met andere webpagina's. Deze taal bestaat uit tags. Een tag is ingesloten in hoeksteunen. De syntaxis is vergelijkbaar met. De meeste tags hebben ook een afsluitende tag. Wanneer is een tag, de afsluitende tag is. Sommige tags hebben geen afsluitende tag. Voorbeelden van zo'n tag zijn

en

Verschil tussen blok- en inline-elementen
Verschil tussen blok- en inline-elementen

Ze staan bekend als void tags. Een HTML-element is een onderdeel van het HTML-document of de webpagina nadat het is geparseerd in Document Object Model (DOM). DOM is een interne representatie binnen de webbrowser. Het vertegenwoordigt elk document in een boomstructuur. In de browser kunnen de weer te geven elementen een blokelement of een inline-element zijn. Blokelementen hebben een rechthoekige structuur. De inline-elementen kunnen worden ingebed in blokelementen. Het belangrijkste verschil tussen blok en het inline-element is dat de blokelementen de volledige beschikbare breedte innemen, terwijl de inline-elementen de vereiste breedte innemen om de inhoud van de elementen weer te geven.

Wat zijn blokelementen?

Blokelementen nemen de beschikbare volledige breedte in beslag. Die elementen beginnen altijd met een nieuwe regel. Enkele voorbeelden van blokelementen zijn als volgt.

wordt gebruikt om een alinea te definiëren. bijv.

Dit is een alinea

. Er zijn zes tags om headers te definiëren. Ze zijn

,

,

. De programmeur kan de header dienovereenkomstig gebruiken.

De geordende lijst wordt gedefinieerd door

terwijl de ongeordende lijst wordt gedefinieerd door

. De wordt gebruikt om een horizontale lijn over de webpagina weer te geven. De

wordt gebruikt om gegevens in een tabelformaat te rangschikken. Voor elke website is het nodig om gegevens van de sitebezoekers te verzamelen. HTML-formulieren worden gebruikt om gegevens van de gebruiker op te halen. Het is ook een element op blokniveau. Dit zijn enkele voorbeelden van blokelementen in HTML.

Wat zijn inline-elementen?

Inline-elementen nemen alleen de vereiste breedte in. Die elementen beginnen niet met een nieuwe regel. Enkele voorbeelden van inline-elementen zijn als volgt. wordt gebruikt om links van de ene pagina naar de andere te maken. Hyperlinks zijn een van de essentiële elementen in HTML. Het kan het href-attribuut bevatten om een link naar de bestemming te maken. bijv. Bezoek Google. Het doelkenmerk is leeg. Daarom wordt het nieuwe document in een nieuw venster geopend. Als het doelkenmerk "_self" is, wordt het gekoppelde document in hetzelfde venster geopend.

Figuur 01: Voorbeelden van blok- en inline-elementen

Dewordt gebruikt om een tekstgedeelte vet te maken. De tag is om de tekst cursief te maken. Een webpagina moet presentabel zijn. Daarom bestaat elke webpagina uit meerdere afbeeldingen. De

wordt gebruikt om een afbeelding op de pagina weer te geven. Voor deze tag zijn twee kenmerken vereist. Ze zijn src en alt. De 'src' beschrijft de locatie van de afbeelding en de ' alt' beschrijft waar de afbeelding over gaat. bijv.. Dit zijn enkele voorbeelden van inline-elementen.

Wat is de overeenkomst tussen blok- en inline-elementen?

Block- en inline-elementen worden gebruikt als containers in HTML

Wat is het verschil tussen blok- en inline-elementen?

Block vs Inline Elements

De blokelementen zijn de elementen die de gehele breedte van het bovenliggende element zullen beslaan, en zullen niet toestaan dat een ander element dezelfde horizontale ruimte inneemt als waarop het is geplaatst. De inline-elementen zijn de elementen die niet direct in het body-element kunnen worden geplaatst en die in blokelementen zijn genest.
Nieuwe regel
Blokelementen beginnen met een nieuwe regel. Inline-elementen beginnen niet met een nieuwe regel.
Vereiste ruimte
De blokelementen nemen alle breedte in beslag. De inline-elementen nemen alleen de vereiste breedte in beslag.

Samenvatting – Blok versus inline-elementen

HTML staat voor Hyper Text Markup-taal. Het is een taal die bestaat uit tags. Elke tag heeft een specifieke taak en bepa alt hoe de webpagina moet worden gestructureerd. Sommige tags hebben de begintag en de eindtag. Sommige tags hebben geen eindtag. Ze worden lege tags genoemd. Parsing is het proces van syntaxisanalyse. Na de parseerstap worden deze tags elementen. Elementen kunnen elementen op blokniveau of inline-elementen zijn. Het verschil tussen blok- en inline-elementen is dat de blokelementen de volledige beschikbare breedte innemen, terwijl de inline-elementen de vereiste breedte innemen om de inhoud van de elementen weer te geven.

Download de PDF-versie van Block vs Inline Elements

U kunt de PDF-versie van dit artikel downloaden en gebruiken voor offline doeleinden volgens de citatienota. Download de PDF-versie hier: Verschil tussen blok- en inline-elementen

Aanbevolen: