HTML: Tags útiles pero poco utilizados


HTML lleva con nosotros muchísimos años. A lo largo de este tiempo ha ido evolucionando haciéndose cada vez más potente para adaptarse a las nuevas necesidades de la web. Este crecimiento ha implicado la aparición de tags muy útiles que sin embargo no han tenido demasiado éxito. Os voy a hablar en este post de algunos de ellos.

<picture>

Nos permite elegir que imagen mostrar dependiendo de la resolución de la pantalla.

<picture>
  <source media="(max-width: 500px)" srcset="alt/image.img">
  <img src="path/to/image.img">
</picture>

<progress>

Para mostrar barras de progreso, es muy sencilla de utilizar.

<progress max=100 value=13></progress>

<base>

Para establecer la ruta inicial de cualquier enlace de la web.

<base href=”https://www.ejemplo.com/" target=”_blank”>
<a href="page.html">Página</a>

Inputs de tipo tiempo

<input type=”date” />
<input type=”datetime-local” />
<input type=”month” />
<input type=”week” />
<input type=”time” />

Selector de color

Sí, disponemos de un selector de color en HTML.

<input type=”color” />

Rangos

Selector de rangos, muy útil y sencillo de implementar.

<input type=”range” />

Espero que os sea de utilidad ^_^.


Comentarios