Odpowiedz na pytanie Szablon HTML

Czteroelementowa sekcja FAQ gotowa do statycznego HTML

Fotografia i lista w formie akordeonu tworzą już kompletną, spójną sekcję treści dla statycznej strony HTML. Duże zdjęcie otwiera obszar wizualny, po którym następuje wyśrodkowana kolumna zawierająca cztery powtarzające się wiersze pytań wraz z panelami odpowiedzi. Etykiety dotyczą pomocy technicznej, formatów dostarczanych plików oraz przyszłych aktualizacji, przy czym pytanie o aktualizacje pojawia się dwukrotnie. Pierwszy element jest rozwinięty, dzięki czemu układ prezentuje w tej samej sekcji zarówno stan samego pytania, jak i widocznej odpowiedzi.

Jasnoszare panele oddzielają wiersze od białego tła, a pomarańczowy tekst, akcenty kolorystyczne oraz okrągłe ikony plusa stanowią łatwo rozpoznawalne elementy kontrolne. Zwarta, wyrównana do lewej typografia sprawia, że akapit odpowiedzi pozostaje wyraźnie powiązany ze swoim pytaniem, zamiast zlewać się w jednolitą masę tekstu. Dzięki temu sekcja jest gotowa do umieszczenia obok innych statycznych treści HTML, które zapewniają otaczającą strukturę strony, nawigację, wprowadzenia czy dane kontaktowe.

Rola tego bloku w statycznym HTML ogranicza się do przygotowanego układu sekcji, a nie kompletnej witryny. Ten czteroelementowy model FAQ może pozostać nienaruszony, podczas gdy treść pytań, odpowiedzi, zdjęcie, odstępy i kolorystykę można swobodnie dostosować do strony nadrzędnej. Ponieważ interakcja opiera się na akordeonie, sekcja może prezentować kilka pytań bez jednoczesnego wyświetlania wszystkich odpowiedzi, zachowując zwięzły obszar informacyjny na szerszej statycznej stronie lub w witrynie.