HTML5: utilizzare l'attributo HIDDEN sui browser che non lo supportano



HTML5 fornisce alcuni semplici ma incredibilmente utili attributi HTML come placeholder, download e autofocus, per citarne alcuni.

Un altro nuovo attributo è HIDDEN.

Quando viene applicato a un elemento, l'attributo HIDDEN agisce in maniera molto simile a display: none; in CSS:  l'elemento scompare e le sue dimensioni collassanno.




Ad esempio:

<div hidden>
Non puoi vedermi, sono HIDDEN!
</div>

Non tutti i browser supportano però questo attributo, attualmente è utilizzabile su
  • Chrome 6+
  • Firefox 4+
  • Safari 5.1+
  • Opera 11+
  • iOS 5+
  • Android Browser 4+

Per rendere HIDDEN utilizzabile su tutti i browser (permettendoci quindi di scrivere codice compatibile senza prefissi o sotterfugi) è sufficiente inserire questo codice nel CSS:

*[hidden] { display: none; }



Published: July 02 2013

  • category: