Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

aside - Český HTML 5 manuál

Jako součást moderních layoutů se osvědčil postranní panel, pro který se v HTML 5 nabízí tag <aside>. Je logicky chápán jako soubor doplňujících informací k článku.

Tag můžeme použít i mimo layout pro vymezení něčeho, co nepatří k hlavnímu tématu daného bloku. Můžeme zde např. psát různé poznámky nebo vysvětlivky k textu. Nabízí se i např. k obalení definičního seznamu (slovníku pojmů).

Ukázka použití

Obvykle jsou v tagu <aside> umístěny odkazy na další podobné články, další informace nebo reklamy a to např. takto:

<aside>
    <h1>Podobné produkty:</h1>
    <ul>
        <li>Psí tyčinka Multivitamin</li>
        <li>Vitamíny pro psy</li>
        <li>Doplňky stravy</li>
    </ul>

    <h1>Akční nabídky:</h1>
    <ul>
        <li>Vodítko Denny</li>
        <li>...</li>
    </ul>
</aside>

Výsledek:

Postranní panel pomocí tagu aside v HTML 5 - Layout - Český HTML 5 manuál

 

Všechny články v sekci
Layout - Český HTML 5 manuál
Článek pro vás napsal Jan Lupčík
Avatar
Autor se primárně věnuje vývoji webových stránek a aplikací v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.
Aktivity