WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

HTML5 - Elrejthető részletek



HTML5 Speciális tárolóelem ábrákhoz


Név Angol eredete Hatás Jellemzők
<details> Details Tartalmát a címére kattintva a felhasználó megjelenítheti vagy elrejtheti.Páros címke. Általános ; Események
<summary> Summary Az elrejthető tartalom rövid összefoglalása, amely mindig látszik. Páros címke. Általános ; Események
A következő böngészők támogatják: Chrome logó Safari logó

A felhasználó az összefoglalásra kattintva rejtheti illetve jelenítheti meg a részletes tartalmat.

Példa 1:

Egy kép képaláírással és forrásmegjelöléssel.

Forráskód



<details>
  <summary>
     A details elem tartalma elrejthető
  </summary>
  <p> A felhasználó az összefoglalásra kattintva rejtheti,
      illetve jelenítheti meg a részletes tartalmat..
  </p>
</details>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_details.html