Flow

Flowet på en webside bestemmer rækkefølgen, hvori elementer vises lodret og vandret. Som standard vises elementer i den rækkefølge, de optræder i HTML-dokumentet, fra top til bund. Den vandrette flow bevæger sig typisk fra venstre mod højre; dog er flowet også omvendt fra højre mod venstre i sprog, der læses fra højre mod venstre.

Hvert element i HTML er et rektangulært område, der optager en position på en linje, ligesom ord på et linjeret ark. Der er to primære typer af elementer: blokniveau og inline elementer.

Efter at have inspiceret eksemplet, sådan en konklusion:

Blokniveau-element: optager hele sin beholderbredde, uanset indholdets størrelse. Blokelementer stables oven på hinanden, en efter en.

Inline-element: optager kun så meget bredde, som dets indhold kræver. Dette tillader inline-elementer at sidde på samme linje. De vil bryde til næste linje, hvis der ikke er nok plads på én linje.

Bemærk

Display-egenskaben for HTML-elementer er foruddefineret i henhold til standarder og konventioner fastlagt af HTML-specifikationen. Disse standarder dikterer standardrenderingsadfærden for elementer på tværs af forskellige webbrowsere. Du kan finde den specifikke type af ethvert element i de reference- eller specifikationslinks, der er angivet: HTML Reference og HTML Specification.

Elementtyper

Som tidligere nævnt har hvert element i browserens stilark en type repræsenteret ved display-egenskaben, som bestemmer dets adfærd. De to hovedtyper af elementer er blokniveau og inline elementer, og der er også yderligere typer, såsom inline-block elementer.

Inline-elementer: primært brugt til styling og fremhævelse af små dele af indhold, såsom links, knapper og billeder. De forbliver på samme linje, indtil pladsen er fyldt, hvorefter de brydes til næste linje.

Blokniveau-elementer: bruges til at definere større indholdsstrukturer som overskrifter, paragraffer, lister og sektioner (f.eks. headers, footers). De vises visuelt som rektangulære blokke, der stables lodret oven på hinanden.