Flöde

Flödet på en webbsida bestämmer ordningen i vilken element visas vertikalt och horisontellt. Som standard visas element i den ordning de förekommer i HTML-dokumentet, från topp till botten. Det horisontella flödet rör sig vanligtvis från vänster till höger; dock är flödet också omvänt från höger till vänster i språk som läses från höger till vänster.

Varje element i HTML är ett rektangulärt område som tar upp en position på en rad, liknande ord på ett linjerat papper. Det finns två huvudtyper av element: block-nivå och inline element.

Efter att ha inspekterat exemplet, en sådan slutsats:

Blockelement: upptar hela sin behållares bredd, oavsett innehållets storlek. Blockelement staplas ovanpå varandra, ett efter ett.

Inline-element: upptar endast så mycket bredd som dess innehåll kräver. Detta tillåter inline-element att sitta på samma rad. De kommer att brytas till nästa rad om det inte finns tillräckligt med utrymme på en rad.

Notera

Display-egenskapen för HTML-element är fördefinierad enligt standarder och konventioner fastställda av HTML-specifikationen. Dessa standarder dikterar det förvalda renderingsbeteendet för element över olika webbläsare. Du kan hitta den specifika typen av vilket element som helst i referens- eller specifikationslänkarna som tillhandahålls: HTML Reference och HTML Specification.

Elementtyper

Som tidigare nämnts har varje element i webbläsarens stilark en typ representerad av display-egenskapen, som bestämmer dess beteende. De två huvudtyperna av element är blockelement och inline-element, och det finns också ytterligare typer, såsom inline-block element.

Inline-element: används främst för att styla och markera små delar av innehållet, såsom länkar, knappar och bilder. De förblir på samma rad tills utrymmet är fyllt, vid vilken punkt de bryts till nästa rad.

Blockelement: används för att definiera större innehållsstrukturer som rubriker, paragrafer, listor och sektioner (t.ex. headers, footers). De visas visuellt som rektangulära block som staplas vertikalt ovanpå varandra.