A 404 -es hibaüzenet HTML Sablon

A címsor, a helyreállító művelet és az illusztráció három tartalomcsoportot alkot

A belső elrendezés egy bal oldali üzenetcsoporttal indul. A „404-es hiba” címsor jelzi az állapotot, a magyarázó bekezdés tisztázza, miért nem érhető el a kért tartalom, az „Ugrás a kezdőlapra” gomb pedig helyreállító műveletként követi őket. Ezek az elemek nem elszigetelt vezérlőkként jelennek meg; egyértelmű olvasási sorrendet alkotnak a felismeréstől a magyarázaton át a kezdőlap felé történő elmozdulásig.

Egy különálló jobb oldali vizuális csoport tartalmazza a 404-es üzenethez kapcsolódó illusztrációt. Az osztott elrendezés saját területet biztosít a képnek ahelyett, hogy a szövegfolyamba illesztené, míg a világoskék háttér lehetővé teszi, hogy mindkét csoport egyetlen koherens szakasz része maradjon. A címsor, a bekezdés, a gomb és az illusztráció így egyértelmű hierarchiát hoz létre a blokkon belül anélkül, hogy oldalszintű navigációra vagy további környező struktúrára lenne szükség.

HTML5-orientált szakaszként a fő tervezési kérdés az, hogy ezek a meglévő csoportok miként viszonyulnak egymáshoz a blokkon belül. A bal oldali tartalomterület hordozza a jelentést és a műveletet, míg a jobb oldali terület vizuálisan erősíti meg az üzenetet. Ez az elrendezés önálló szakaszként vizsgálható és módosítható, megőrizve a hibamagyarázat, az egyetlen kezdőlapos célpont és a támogató grafika közötti kapcsolatot.