El atributo hidden en HTML5

En HTML5 además de nuevos elementos, también se incorporan nuevos atributos.

El atributo global hidden se puede aplicar a un elemento para indicar que está oculto, que no se mostrará.

Operando de una manera similar al display:none de CSS, esta opción tiene un sentido semántico que además de no mostrar el elemento, significa que no está visible para el medio o dispositivo que lo esté leyendo.

Al ser un atributo del tipo booleano, simplemente lo pondremos o no lo pondremos. Un ejemplo de su uso sería:

<span hidden="hidden">Error oculto</span>

El contenido de la línea anterior no será mostrado en los navegadores compatibles con esta característica (Firefox, Chrome, Safari y Opera). Si quitamos hidden="hidden" ese elemento volverá a ser visible. La ventaja es que podremos manipularlo mediante el DOM mediante funciones de JavaScript.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

4 Comentarios en “El atributo hidden en HTML5
  1. Creo que la sintaxis correcta es
    Error oculto
    y no
    Error oculto
    Tomo como referencia
    http://www.w3.org/html/wg/drafts/html/master/editing.html#the-hidden-attribute

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.