HTML6: ¿Qué es y cuándo llega?

¿Cuándo podemos esperar HTML6? Bueno, el WHATWG -el organismo de normalización que impulsa los cambios en la especificación HTML- ha decidido aplicar un enfoque de «documento vivo» a la normalización. Esto significa que lo que llamamos «HTML6» no será probablemente una gran actualización, sino que consistirá más bien en pequeños cambios en la especificación que se producirán más a menudo.

Sin embargo, las especificaciones de HTML se revisan y mejoran constantemente. Los proveedores de navegadores siempre están ocupados implementando las últimas características para liberarlas en el mundo, lo que significa que siempre tenemos cosas nuevas que probar (tal vez junto con probar uno de los mejores constructores de sitios web). Hay cambios en tu camino que vale la pena notar – sigue leyendo para ver dos cambios en el juego.

Mientras estás aquí, es posible que también quieras explorar nuestra guía para principiantes de etiquetas HTML, o navegar por nuestra selección de las mejores APIs HTML. Además, para mejorar aún más tu proceso, asegúrate de que tu servicio de alojamiento web es perfecto para ti, y de que tus medios están respaldados de forma segura en una de las mejores opciones de almacenamiento en la nube.

Modales nativos

Un cambio que se está abriendo camino en los navegadores es el elemento <diálogo>. Éste actúa como un equivalente nativo de las ventanas modales con JavaScript, que son un patrón de diseño común en muchos sitios.

<dialog open> <p>This is a HTML-powered dialog box.</p></dialog>

Se puede abrir y cerrar alternando el atributo open. Por defecto, se mostrará rondando por encima de donde se haya colocado en la página. Si se llama a su método openModal a través de JavaScript, se utilizará una interfaz más familiar de tipo modal.

Por defecto, el fondo se vuelve gris y el contenido debajo de él ya no es interactivo.

<dialog> <form method="dialog"> <input type="submit" value="Yes" /> <input type="submit" value="No" /> </form></dialog>

Los formularios dentro de un diálogo modal pueden tener un atributo de método de diálogo, que enviará el valor y pasar el valor de nuevo al objeto de diálogo en sí. Esto hace que <dialog> sea una gran herramienta para confirmar acciones u otras pequeñas interacciones.

El elemento está estandarizado, y actualmente, sólo los navegadores Chrome y Samsung Internet tienen soporte completo. Los que no lo tengan seguirán mostrando el contenido de un diálogo, pero en su lugar se colocará dentro de la página.

Menús inteligentes

Algunas aplicaciones web permiten a los usuarios realizar grupos de acciones dentro de su interfaz. Éstas afectarían a la página actual de alguna forma, como añadir un elemento a una lista.

Antes se marcaban como un <ul> – una lista desordenada de acciones que un usuario podía realizar. Mientras que la <ul> está pensada para una lista de elementos de visualización, no es la más adecuada para los elementos interactivos.

<menu type="toolbar"> <li><button>Cut</button></li> <li><button>Copy</button></li> <li><button>Paste</button></li></menu>

Un menú contiene un conjunto de acciones, que serían activadas por los elementos <botón> dentro de ellos. Aparte de eso, el elemento <menú> no actúa de forma diferente a una lista de elementos habitual. A medida que mejore la adopción de los navegadores puede ayudar a las tecnologías de asistencia a encontrar estos elementos interactivos más fácilmente.

Hay muchos cambios más pequeños que aparecen constantemente en la especificación y se abren camino en los navegadores. Mantente atento a las páginas de actualización de cada navegador y echa un vistazo al estándar vivo del WHATWG.

Esta información apareció originalmente en la revista Web Designer. Explore todos los artículos de Web Designer en CB.

• 8 etiquetas HTML que debe utilizar (y 5 que debe evitar)
• Cómo unificar su UX en todas las plataformas
• 16 impresionantes sitios web con desplazamiento de paralaje