Tal y como ocurre en versiones anteriores, existen atributos comunes para todos los elementos HTML. Hoy me gustaría comentaros cuáles son las novedades en la versión 5 🙂
- data-*
- Nos permite crear atributos personalizado para la página.
- contenteditable
- Básicamente lo que nos permite es que un elemento sea editable, aunque inicialmente no estuviera pensado para ello, como por ejemplo un div, una label, span, etcétera.
- contextmenu
- Contiene el ID del elemento menu, el cual tiene asociado type=»context».
- draggable
- Especifica que un elemento se puede arrastrar.
- dropzone
- Especifica qué tipo de contenido puede ser soltado sobre ese elemento. Los valores pueden ser: copy, move y link.
- hidden
- A partir de ahora tenemos un atributo que nos permite indicar que se trata de un elemento oculto (o no relevante, como se lee en muchos sitios :P).
<p hidden>Hello world!</p>
Está soportado por todos los navegadores excepto Internet Explorer.
- spellcheck
- Para aquellos navegadores que tienen habilitado el corrector ortográfico por defecto, nos permite controlar si queremos desactivarlo para el elemento en cuestión.
- translate
- Aunque a día de hoy no está soportado por ninguno de los navegadores más populares, este atributo podrá controlar qué elementos no deben ser traducidos.
<element translate="yes|no">
¡Saludos!