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; }