Árképzési táblázat blokk HTML Sablon

Háromcsomagos összehasonlító szakasz statikus HTML-hez előkészítve

A középre zárt címsor és a kísérő bekezdés egyetlen fókuszált árazási témát vezet fel, a három azonos szélességű kártya pedig önálló szakaszként teszi teljessé ezt a témát. A Webdesign, a Fejlesztés és a Testreszabás mind külön kártyát kap, amelyen megjelenik az ár, az alcím, négy jellemzősor és egy alsó műveletgomb. A látogatók így egy kész tartalmi elrendezésben tekinthetik át az összehasonlítást ahelyett, hogy különálló elemekből kellene felépíteniük a csomagok szerkezetét.

A kékeszöld háttér jól meghatározott vizuális keretet ad a szakasznak a statikus HTML-oldalon belül, míg a lekerekített fehér és világos kékeszöld felületek tisztán elkülönítik egymástól a csomagokat. A fehér középső kártya jól látható kontrasztpontot képez, a kártyákon belüli vékony elválasztók pedig segítenek elhatárolni az ismétlődő jellemzősorokat. A középre zárt szöveg és a nagy kontrasztú árak révén a párhuzamos információk könnyen áttekinthetők a teljes sorban.

HTML-sablonrészként használva ez a blokk hordozza az árak összehasonlítását, miközben az azt körülvevő statikus oldal biztosítja a navigációt, a bevezető anyagokat, a kapcsolódó tartalmakat és a többi szakaszt. Műveletgombjai egyértelmű célpontokat jelölnek ki az elrendezésen belül, a blokk azonban továbbra is egy körülhatárolt árazási terület marad, nem pedig egy teljes oldal vagy statikus webhely. A kész elrendezés különösen akkor praktikus, ha a környező HTML-projektnek egyértelmű csomag-összehasonlításra van szüksége.