10 características HTML que ni imaginabas que tu navegador soportaba

10 características HTML ocultas%
10 características HTML que ni imaginabas que tu navegador soportaba%
10 características HTML ocultas
10 características HTML que ni imaginabas que tu navegador soportaba

¿Crees que ya conoces todo lo que HTML puede hacer? Piensa otra vez. El lenguaje markup que fundamenta la web ha evolucionado silenciosamente, y hoy los navegadores modernos soportan características que hace solo 5 años parecían ciencia ficción.

1. La etiqueta
y nativas

Olvida JavaScript complejo para crear acordeones. Con

y , el navegador crea un componente interactivo de forma nativa:

Haz clic para expandir

Contenido aquí...

2. seleccionador de fechas

El navegador provee un selector de fecha visualmente agradable sin bibliotecas externas:

3. para imágenes responsivas

Muestra imágenes diferentes según el ancho de pantalla o el formato compatible:


  
  Descripción

4. 2D beyond basico

El canvas no es solo para juegos. Puedes crear gráficos, animaciones y manipulaciones de fotos:


5. resaltado semántico

A diferencia de o , indica resaltado importante del texto:

Busca el término importante en el texto

6.

Ay a los motores de búsqueda y lectores de pantalla a entender la fecha:

7.
dentro de

Agrupa metadatos como autor, fechas y etiquetas dentro de un artículo:

Mi artículo

Publicado por Edouard Leroy

8. medidor de rango

Muestra un indicador de valor dentro de un rango conocido:

60%

9. barra de progreso

Muestra el progreso de una tarea en curso:

70% completado

10.
con atributo open

El acordeón se abre por defecto con el atributo open:

Yo ya estoy abierto

Contenido siempre visible...

Estas 10 características demuestran que HTML es mucho más potente de lo que la mayoría cree. La próxima vez que empieces a alcanzar por JavaScript, pregunta primero: ¿HTML puede hacer esto nativo?

¿Cuál de estas características ya usas en tus proyectos? ¡Compártelo en los comentarios!