Cómo utilizar el atributo placeholder en formularios HTML
El atributo placeholder
representa una indicación de ejemplo para campos de formularios como input y textarea. En este post veremos como utilizarlo y sus implicaciones en accesibilidad.
El atributo placeholder
representa una indicación de ejemplo para campos de formularios como input y textarea. En este post veremos como utilizarlo y sus implicaciones en accesibilidad.
Para utilizar el atributo required
en los select de selección única, el primer elemento <option>
no tiene que tener valor declarado o tiene que ser un string vacío. ¿Por qué?
El atributo lang
se utiliza en HTML para especificar el idioma del texto que contiene un elemento. En este tutorial repasamos como utilizarlo y algunas de las razones más importantes para hacerlo, entre ellas las implicaciones en accesibilidad.
La etiqueta meta
se puede utilizar fuera del head a partir de HTML5 pero solo si contiene el atributo itemprop
, un atributo que forma parte de los microdatos o rich snippets.
Un tutorial para aprender a utilizar los elementos <blockquote>, <q> y <cite> para citar correctamente en HTML.
La mejor caché client-side para los documentos HTML es ninguna. Los documentos HTML son dinámicos por naturaleza y como tales, salvo contadas excepciones, no deberían almacenarse en la caché de los navegadores. Te explico cómo y por qué.
El atributo title
tiene problemas de accesibilidad muy importantes y por ello los casos de uso adecuado son muy limitados. Tal es así, que incluir información disponible sólo en este atributo es desaconsejado desde HTML5. Veamos cuáles son estos problemas y como utilizar el atributo title
de forma correcta.
Tutorial dedicado al atributo data-*
y al API HTMLElement.dataset
introducidos en HTML5 y que nos permite asociar un conjunto de datos personalizados a elementos del DOM y trabajar con ellos de forma estandarizada.
El elemento datalist
, introducido en HTML5, permite definir una lista de opciones para autocompletar un input de un formulario sin necesidad de recurrir a técnicas basadas en JavaScript. Aunque tiene sus limitaciones, es sin duda un elemento muy útil para mejorar la experiencia de usuario.
El elemento header
, disponible desde HTML5, representa contenido de introducción y ayudas de navegación para la sección padre más cercana. En este post repasamos las características de este elemento con algunos ejemplos para que tengamos claro que significa y como se utiliza correctamente.