Geek tričko zdarma Geek tričko zdarma
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde

summary - Český HTML 5 manuál

Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem.
Vydávání, hosting a aktualizace umožňují jeho sponzoři.
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

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

 

 

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

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!