Skip to main content

Vad är ett HTML -block?

Ett block med hypertext Markup Language (HTML), i bred mening, är ett segment av HTML -kod som hänför sig till ett definierat område i det färdiga dokumentet när det visas av ett program som en webbläsare.Betydelsen av ett HTML-block ses när man tilldelar olika attribut till element, eftersom många stilar och andra definitioner endast kan tilldelas blocknivåelement.Det motsatta av ett HTML -block är inline -kod, som alltid måste kapslas inuti ett block för att fungera.

Ett exempel på definitionen av ett HTML -block är ett stycke text på en webbplats.När sidan visas i en webbläsare visas stycket med en tom rad mellan den och föregående stycke och med en tom rad efter stycket och nästa visningselement.Inom HTML -koden för sidan är stycket omgiven av HTML -taggar som definierar det som ett styckesblock.Dessa taggar som omger stycket fastställer allt mellan dem som ett HTML -block.

Ett HTML -block kan kapslas in i ett annat block.I själva verket är nästan alla taggar verkligen kapslade inuti kroppstaggarna som krävs av ett HTML -dokument.Omvänt måste ett inline -segment kapslas in i ett block eftersom det kräver element som de innehåller om det ska fungera.Ett exempel på en inline-tagg är en textbit som måste visas med fetstil.

Skillnaden mellan ett HTML-blocknivåelement och ett inline-element är en av de viktigaste delarna av förståelse som krävs för att arbeta med HTML och kaskadstilArk (CSS).Detta beror främst på att det finns vissa standardstilattribut och andra parametrar som beskrivs som endast tillämpas på blocknivåelement, eller endast på inline-nivåelement.I allmänhet innehåller inline-element inte samma utbytbara attribut som blocknivåelement.

Ett exempel på skillnaden mellan ett HTML-blocknivåattribut och ett inline-nivå attribut är justeringsalternativet.På blocknivån, till exempel en uppdelningstaggen eller början på en kula, kan texten eller bilderna i blocket ställas in för att knäppas till vänster, höger eller mitt i ett område.Om justeringsattributet tillämpas på ett inline -element kommer ingenting att hända, eftersom det inte är ett tillgängligt alternativ på inline -nivå.