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!