Kolorowy stół Szablon HTML

Cztery powtarzalne wiersze tworzą gotową statyczną sekcję danych

Czterokolumnowa tabela stanowi kompletny, lokalny układ sekcji z podsumowaniem pozycji na statycznej stronie HTML. Wiersz nagłówka określa kategorie, cztery powtarzające się wiersze danych wprowadzają jednolity schemat dla opisów, rabatów i cen, a oddzielny wiersz stopki scala te informacje w łączną kwotę. Ponieważ wszystkie te elementy należą do jednej tabeli, sekcja prezentuje powiązane wartości bez konieczności stosowania osobnych kart czy dodatkowej nawigacji wewnętrznej.

Wyśrodkowany układ sprawia, że nagłówek, treść główna i stopka zachowują spójne wyrównanie w poziomie. Przeplatające się fioletowe wiersze ułatwiają śledzenie kolejnych pozycji w tabeli, podczas gdy jasnoszary nagłówek stanowi wyraźny punkt wyjścia na białym tle. Pogrubione podsumowanie zmienia wagę wizualną dolnej części, dzięki czemu suma jest odbierana jako podsumowanie całości, a nie kolejna, piąta pozycja. Przykładowe etykiety i kwoty w dolarach pełnią jedynie rolę demonstracyjną; prawdziwą wartością szablonu jest przejrzysty układ pól, wierszy i danych podsumowujących.

Jako sekcja szablonu HTML blok ten może być umieszczany pomiędzy innymi statycznymi obszarami strony zawierającymi nagłówki, teksty wyjaśniające, działania czy dane kontaktowe. Statyczna forma skupia uwagę odbiorcy na bezpośrednim porównywaniu i czytaniu. Nadrzędna strona HTML wyznacza ogólną strukturę serwisu, natomiast ta gotowa sekcja zachowuje swoją wyspecjalizowaną rolę wyśrodkowanej tabeli na szczegóły pozycji i końcowe podsumowanie.