Vad är ett HTML-block?

Ett HTML-block (HyperText Markup Language), i vid mening, är ett segment av HTML-kod som relaterar till ett definierat område av det färdiga dokumentet när det visas av ett program som en webbläsare. Vikten av ett HTML-block ses när man tilldelar olika attribut till element, eftersom många stilar och andra definitioner endast kan tilldelas element på blocknivå. Motsatsen till 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 textstycke på en webbplats. När sidan visas i en webbläsare visas stycket med en tom rad mellan det och föregående stycke och med en tom rad efter stycket och nästa visningselement. Inom HTML-koden för sidan omges stycket av HTML-taggar som definierar det som ett styckeblock. Dessa taggar som omger stycket etablerar allt mellan dem som ett HTML-block.

Ett HTML-block kan kapslas in i ett annat block. Faktum är att nästan alla taggar verkligen är kapslade inuti body-taggarna som krävs av ett HTML-dokument. Omvänt måste ett inline-segment kapslas inuti ett block eftersom det kräver element som de innehåller om det ska fungera. Ett exempel på en inline-tagg är en text som måste visas i fet stil.

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

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