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 meestal 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 blad. Er zijn twee primaire typen elementen: block-level en inline elementen.

Na het bekijken van het voorbeeld, de volgende conclusie:

Blokniveau-element: neemt de volledige breedte van zijn container in, ongeacht de grootte van de inhoud. Blokelementen worden onder elkaar gestapeld, één na één.

Inline-element: neemt alleen zoveel breedte in als de inhoud vereist. Hierdoor kunnen inline-elementen op dezelfde regel staan. Ze worden naar de volgende regel verplaatst als er niet genoeg ruimte is op één regel.

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 opmaken 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.