Vad är ett HTML-rutnät?

När man hänvisar till kod i HyperText Markup Language (HTML), kan ett HTML-rutnät användas för att beskriva en av tre saker. Det kan referera till ett formateringselement som kallas en tabell i ett HTML-dokument. Det används också ofta när man talar om ett HTML-kompatibelt rutnät, som visar vilka HTML-funktioner som stöds av vilka webbläsare. Mer sällan kan det användas som ett sätt att beskriva en viss typ av layoutstilsimplementering som kallas en grid bag layout, där element är placerade på specifika ställen på ett rutnät, ungefär som en tabell, även om JavaScript® eller ett annat programmeringsspråk är behövs för att generera HTML-koden för en HTML-rutnätslayout.

En mycket frekvent användning av termen ”HTML-rutnät” är med hänvisning till ett rutnät för funktionsefterlevnad. Detta är en typ av diagram där många specifika element i HTML-standarden är listade på ena sidan, medan de olika typerna av webbläsare är listade på den andra, och varje cell i tabellen avslöjar om elementet eller funktionen stöds av en specifik webbläsare. Denna typ av HTML-rutnät används ofta av designers för att hitta de mest stödda funktionerna som kan användas säkert på en webbsida så att den renderas korrekt, och det låter designern veta vilka funktioner som ska undvikas.

En HTML-rutnätslayout, eller en rutnätslayout, är en typ av genererad formatering för olika element i ett HTML-dokument. Den liknar en HTML-tabell på vissa sätt, eftersom uppdelade rader och kolumner används för att definiera områden eller celler där elementen ska placeras. Det är till skillnad från en tabell, eftersom den är mer dynamisk och kan struktureras procedurmässigt, vilket tillåter vilket programmeringsspråk som än används för att manipulera aspekter av positioneringen för specifika resultat. En annan aspekt av en HTML-rutnätslayout är att den kan skapa formateringsmönster som är flytande och kommer att växa eller krympa beroende på HTML-dokumentets skärmupplösning.

Användningen av en tabell i ett HTML-dokument kan också kallas ett HTML-rutnät. En tabell är ett område som ser ut som ett rutnät — med text, bilder eller andra element inuti varje cell i rutnätet — där de oftast kan behandlas som om de vore element på blocknivå. De enskilda cellerna i en HTML-tabell kan ha ramar ritade runt sig, så det övergripande utseendet på den slutliga tabellen sägs ibland se ut som ett rutnät, särskilt när bredden och höjden på cellerna är lika.