LETNÍ AKCE JE TADY! Pouze dnes můžeš získat až 90 % extra kreditů ZDARMA při dobití od 1199 kreditů s promo kódem TEPLO90.
LETNÍ AKCE JE TADY! Pouze dnes můžeš získat až 90 % extra kreditů ZDARMA při dobití od 1199 kreditů s promo kódem SLUNCE90.
NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!

summary - Český HTML 5 manuál

Tag <summary> v HTML 5 označuje titulek sekce s detaily, kdy po kliknutí na něj se ukážou detaily. Používá se v tagu <details> a měl by být shrnutím skrytých detailů.

Ukázka použití

<img src="ntb.jpg" alt="Ultrabook ASUS" />
<details>
        <summary>Ultrabook ASUS ZENBOOK</summary>
        <p>
        Ultra mobilní notebook v hliníkovém kabátě v neuvěřitelně tenkém provedení.
        Dvoujádrový procesor Intel Core i3-2367M (1.1GHz); 4GB operační paměti DDR3 (1333MHz);
        13.3" HD LED displej; grafika Intel HD Graphics; 24GB SSD + 500GB HDD; rozhraní:
        Bluetooth, Wi-Fi, kamera, USB 3.0; operační systém Windows Home Premium x64
    </p>
</details>

Výsledek:

Ukázka použití HTML 5 tagu details k zobrazení dalších detailů o produktu - 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