Stroom

De stroom 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 verschijnen, van boven naar beneden. De horizontale stroom beweegt typisch van links naar rechts; echter, de stroom wordt ook omgekeerd van rechts naar links in talen die van rechts naar links lezen.

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 soorten elementen: block-level en inline elementen.

Na het inspecteren van het voorbeeld, een dergelijke conclusie:

Blokniveau-element: neemt de volledige breedte van zijn container in beslag, ongeacht de grootte van de inhoud. Blokelementen stapelen zich boven op elkaar, de een na de ander.

Inline-element: neemt alleen zoveel breedte in als zijn inhoud vereist. Dit stelt inline-elementen in staat om op dezelfde regel te staan. Ze zullen naar de volgende regel worden verplaatst als er niet genoeg ruimte is op één regel.

Opmerking

De display-eigenschap van HTML-elementen is vooraf gedefinieerd volgens standaarden en conventies die zijn vastgesteld door de HTML-specificatie. Deze standaarden bepalen het standaardweergavegedrag 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 hoofdtypen 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 inhoud, zoals links, knoppen en afbeeldingen. Ze blijven op dezelfde regel totdat de ruimte is gevuld, waarna ze naar de volgende regel worden verplaatst.

Blokniveau-elementen: gebruikt om grotere inhoudsstructuren te definiëren zoals koppen, paragrafen, lijsten en secties (bijv. headers, footers). Ze worden visueel weergegeven als rechthoekige blokken die verticaal op elkaar worden gestapeld.