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: