Beheer van Documentstroom en Lay-out
Flow
De flow van een webpagina bepaalt de volgorde waarin elementen verticaal en horizontaal worden weergegeven. Standaard worden elementen getoond in de volgorde waarin ze in het HTML-document voorkomen, van boven naar beneden. De horizontale flow verloopt doorgaans van links naar rechts; echter, bij talen die van rechts naar links lezen, wordt de flow ook omgekeerd van rechts naar links.
Elk element in HTML is een rechthoekig gebied dat een positie op een regel inneemt, vergelijkbaar met woorden op een gelinieerd vel. Er zijn twee primaire typen elementen: blokniveau en inline elementen.
index.html
Na het inspecteren van het voorbeeld, deze conclusie:
Blokniveau-element: neemt de volledige breedte van zijn container in, ongeacht de grootte van de inhoud. Blokelementen stapelen zich boven op elkaar, één na de ander.
Inline-element: neemt alleen zoveel breedte in als de inhoud vereist. Hierdoor kunnen inline-elementen op dezelfde regel staan. Ze zullen naar de volgende regel gaan als er niet genoeg ruimte is op één regel.
De display-eigenschap van HTML-elementen is vooraf gedefinieerd volgens standaarden en conventies die zijn vastgesteld door de HTML-specificatie. Deze standaarden bepalen het standaard weergavegedrag van elementen in verschillende webbrowsers. U kunt het specifieke type van elk element vinden in de referentie- of specificatielinks die worden verstrekt: HTML Reference en HTML Specification.
Elementtypen
Zoals eerder vermeld, heeft elk element in het browserstijlblad een type dat wordt weergegeven door de display-eigenschap, die het gedrag bepaalt. De twee belangrijkste typen elementen zijn blokniveau en inline elementen, en er zijn ook aanvullende typen, zoals inline-block elementen.
Inline-elementen: voornamelijk gebruikt voor het stylen en markeren van kleine delen van de inhoud, zoals links, knoppen en afbeeldingen. Ze blijven op dezelfde regel totdat de ruimte is gevuld; daarna worden ze naar de volgende regel verplaatst.
Blokniveau-elementen: gebruikt om grotere inhoudsstructuren te definiëren, zoals koppen, paragrafen, lijsten en secties (bijvoorbeeld headers, footers). Ze worden visueel weergegeven als rechthoekige blokken die verticaal op elkaar gestapeld worden.
1. Standaard kunnen elementen op een webpagina in elke volgorde worden weergegeven die de browser kiest.
2. Wat zijn de twee hoofdtypen elementen?
3. Alinea (<p>-tag) is …
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you give examples of common block-level and inline elements?
How does the `display` property affect the layout of elements?
Can you explain what an inline-block element is?
Geweldig!
Completion tarief verbeterd naar 2.38Beheer van Documentstroom en Lay-out
Veeg om het menu te tonen
Flow
De flow van een webpagina bepaalt de volgorde waarin elementen verticaal en horizontaal worden weergegeven. Standaard worden elementen getoond in de volgorde waarin ze in het HTML-document voorkomen, van boven naar beneden. De horizontale flow verloopt doorgaans van links naar rechts; echter, bij talen die van rechts naar links lezen, wordt de flow ook omgekeerd van rechts naar links.
Elk element in HTML is een rechthoekig gebied dat een positie op een regel inneemt, vergelijkbaar met woorden op een gelinieerd vel. Er zijn twee primaire typen elementen: blokniveau en inline elementen.
index.html
Na het inspecteren van het voorbeeld, deze conclusie:
Blokniveau-element: neemt de volledige breedte van zijn container in, ongeacht de grootte van de inhoud. Blokelementen stapelen zich boven op elkaar, één na de ander.
Inline-element: neemt alleen zoveel breedte in als de inhoud vereist. Hierdoor kunnen inline-elementen op dezelfde regel staan. Ze zullen naar de volgende regel gaan als er niet genoeg ruimte is op één regel.
De display-eigenschap van HTML-elementen is vooraf gedefinieerd volgens standaarden en conventies die zijn vastgesteld door de HTML-specificatie. Deze standaarden bepalen het standaard weergavegedrag van elementen in verschillende webbrowsers. U kunt het specifieke type van elk element vinden in de referentie- of specificatielinks die worden verstrekt: HTML Reference en HTML Specification.
Elementtypen
Zoals eerder vermeld, heeft elk element in het browserstijlblad een type dat wordt weergegeven door de display-eigenschap, die het gedrag bepaalt. De twee belangrijkste typen elementen zijn blokniveau en inline elementen, en er zijn ook aanvullende typen, zoals inline-block elementen.
Inline-elementen: voornamelijk gebruikt voor het stylen en markeren van kleine delen van de inhoud, zoals links, knoppen en afbeeldingen. Ze blijven op dezelfde regel totdat de ruimte is gevuld; daarna worden ze naar de volgende regel verplaatst.
Blokniveau-elementen: gebruikt om grotere inhoudsstructuren te definiëren, zoals koppen, paragrafen, lijsten en secties (bijvoorbeeld headers, footers). Ze worden visueel weergegeven als rechthoekige blokken die verticaal op elkaar gestapeld worden.
1. Standaard kunnen elementen op een webpagina in elke volgorde worden weergegeven die de browser kiest.
2. Wat zijn de twee hoofdtypen elementen?
3. Alinea (<p>-tag) is …
Bedankt voor je feedback!
