¡Elementos HTML útiles que nadie usa!

Dominar HTML es una habilidad clave para cualqeuri desarrollador web, y una de las cosas que pueden volverte un desarrollador más dinámico es conocer a fondo las etiquetas o elementos HTML. Todos hemos cometido la "mala práctica" de crear un elemento como un menú desplegable o un conjunto de cosas uniendo los elemetnos HTML con miles de divs sin saber que, a lo mejor, ya existe una etiqeuta HTML para el elemento que estamos intentando crear desde cero. Acá compartiré elemetnos útiles que pueden ahorrarte bastante tiempo para desarrollar tu página.

Outgroup

Para los más detallsitas, añadir este tipo de secciones en menús desplegables puede servir de gran aydua para el usuario,  y puede darle un toque distintivo a tu elemento. Su forma de emplearlo es la siguiente:

Es de las menos usadas pero de las más útiles e interesantes para servir como guía en las opciones.

Label

Es abstante ignorada en el uso de formualrios, y su utilidad es muy grande. Su atributo "for" nos permite especificar el contexto del input en questión, además de poder hacer clickeaable el elemento.

Este es un ejemplo para un formualrio sencillo, donde pdoemos elegir una opción haciendo click directamente en el texto, y este elemento clickeable es específico para cada uno.

Fieldset

Un elemento absatante ingenioso y, otra vez, dedicado a los más detallsitas; su función se nota, sobre todo, en la estética y orden de la página. Se utiliza para agrupar elementos de formularios, donde los elementos que formen parte del Fieldset serán agrupados en un cuadrado de forma ordenada.

Object

Una de las más dinámicas si quieres añadir todo tipo de archivos a tu página, acá puedes ver un ejemplo de este poderoso elemento:

Su utilidad es posicionar cualquier tipo de archivo en tu página, como PDFs, vídeos o documentos.

Details y summary

Con ayuda de estas etiquetas podemos crear contenido colapsable sin necesidad de utilizar Javascript. Details sirve como el elemento que agrupa los sumarios, estos sumarios poseen su propio título y la información que desees poner dentro de ellos.