Vad är ett HTML-block?

Ett HyperText Markup Language (HTML) -block, 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. Vikten av ett HTML-block ses när man tilldelar olika attribut till element, eftersom många stilar och andra definitioner bara kan tilldelas element på blocknivå. Det motsatta av ett HTML-block är inline-kod, som alltid måste kapslas in i ett block för att fungera.

Ett exempel på definitionen av ett HTML-block är ett stycke med 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 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. I själva verket är nästan alla taggar verkligen kapslade in i de kroppstaggar 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 fet stil.

Skillnaden mellan ett HTML-blocknivåelement och ett inlineelement är en av de viktigaste förståelserna som krävs för att arbeta med HTML och Cascading Style Sheets (CSS). Detta beror främst på att det finns vissa standardformatattribut och andra parametrar som beskrivs att de endast gäller element på blocknivå eller endast på element på nivånivå. Generellt innehåller inlineelement inte samma förändrade attribut som element på blocknivå.

Ett exempel på skillnaden mellan ett HTML-blocknivåattribut och ett inline-nivåattribut är justeringsalternativet. På blocknivå, till exempel en delningstagg eller början av en punktlista, kan texten eller bilderna i blocket ställas in så att de fästas till vänster, höger eller mitten av ett område. Om justeringsattributet tillämpas på ett inlineelement kommer inget att hända, eftersom det inte är ett tillgängligt alternativ på inline-nivån.

ANDRA SPRÅK

Hjälpte den här artikeln dig? Tack för feedbacken Tack för feedbacken

Hur kan vi hjälpa? Hur kan vi hjälpa?