HTML5: Búsqueda con input search

El input search es un campo de búsqueda compuesto por un input text. La única diferencia de usar un input search a un input text para buscar es meramente estética. Adopta el estilo que le proporcione la plataforma que lo está usando. En cada navegador el diseño del search será …

El elemento details en HTML5: Cómo ocultar detalles

Este elemento details forma parte de HTML5 y tiene como finalidad ocultar una sección del documento aunque puede ser mostrada para revelar información adicional. Viene a ser una caja que se colapsa permitiendo añadir más información. Antes de HTML5 la única manera de realizar esto era con JavaScript. Sin embargo, …

El elemento time en HTML5

El elemento time en HTML5 permite expresar una fecha y una hora permitiendo que los buscadores sean capaces de filtrar resultados basados en tiempo. Por ejemplo, un resultado puede recibir más o menos importancia por el algoritmo de búsqueda si fue el primero en publicarse. Fue creado específicamente para que las …

Elementos progress y meter en HTML5

Los elementos progress y meter forman parte de HTML5  y permiten medir los datos de alguna manera. Pero hay una diferencia entre estos 2. El elemento progress se usa para describir el estado actual de un proceso cambiante destinado a completarse. Sin embargo, meter representa un elemento con un rango conocido o …

Cómo usar la etiqueta mark en HTML5

La etiqueta mark se emplea para indicar una parte del documento que ha sido resaltado debida a la actividad de un usuario. El contexto más común es en la búsqueda, donde las palabras buscadas son resaltadas en los resultados. No hay que confundir su uso con el de las etiquetas em …

Flash Fallback en HTML5

Cuando hablamos de fallback nos referimos a un plan B. En este caso, de que un navegador no soporte el reproductor HTML 5 se pueda emplear un reproductor Flash. Hay otras formas de actuar en caso de que un navegador no pueda reproducir un contenido. Una de las formas a evitar …

Uso de las etiquetas audio y video

De la misma forma que se pueden añadir a las páginas imágenes con <img>, el audio y el video también tienen su manera con <audio> y <video>. Aunque hay que tener unos puntos en cuenta con el uso de estas etiquetas: Es fácil descargar videos o audio de los reproductores …

Validación de formularios en HTML5

¿Recoger datos de los formularios es inútil si la información recibida no está completa o los datos están incompletos verdad? Para eso existe la validación. La validación de un formulario nos asegura que todos los datos queremos estén completos y en un formato adecuado. Existen 2 formas de validarlo: Lado …

Formulario en HTML: Cómo hacer un formulario de registro

En este post mostraré cómo hacer un formulario en HTML (incluyendo alguna noverdad de HTML5). Los formularios son un conjunto controles de HTML que permiten recoger información de los que visitan la web. Esos controles son campos de texto, botones, etiquetas… En este post se tratarán los elementos más básicos. …

Elementos semánticos de HTML5 – Parte 2

En el post anterior, había hablado de las ventajas de usar los elementos semánticos de HTML5 y puse un ejemplo práctico con algunos de ellos. Para continuar vamos a usar la página creada en el post anterior. Elemento footer El <footer> o pie de página se suele utilizar para información …