PREGUNTAS Y RESPUESTAS
En estos momentos doy respuesta a 306 Preguntas.
¿Existen atributos para mejorar la seguridad en HTML?
HTML ofrece atributos para mejorar la seguridad: rel="noopener noreferrer" en enlaces, sandbox en iframes, e integrity para scripts. ¡Protege tu web!
¿Cómo puedo hacer que un enlace se descargue en lugar de navegar con el atributo download?
Haz que un enlace descargue archivos con el atributo download en HTML. Puedes sugerir un nombre de archivo.
¿Qué son los microdatos y cómo se usan los atributos itemscope, itemtype e itemprop?
Aprende sobre microdatos HTML: usa itemscope, itemtype, itemprop y Schema.org para datos estructurados. Mejora el SEO y consigue «rich snippets» en buscadores.
¿Qué es el atributo charset en la etiqueta «meta»?
La etiqueta en HTML define la codificación de caracteres de tu web, asegurando que acentos y símbolos se muestren correctamente.
¿Para qué sirve el atributo viewport en la etiqueta «meta»?
El atributo viewport en la etiqueta de HTML controla cómo tu web se muestra en dispositivos. Usa width=device-width, initial-scale=1.0 para un diseño adaptable.
¿Cómo funciona el atributo loading="lazy" para imágenes e iframes?
Descubre cómo loading="lazy" en HTML mejora el rendimiento al diferir la carga de imágenes e iframes hasta que son visibles. ¡Optimiza la velocidad de tu web!
¿Qué hacen los atributos async y defer en las etiquetas «script»?
Optimiza la carga de JavaScript en HTML con async y defer. Aprende cómo estos atributos en «script» mejoran el rendimiento y la velocidad de tu página web.
¿Para qué sirve el atributo contenteditable?
El atributo contenteditable en HTML permite a los usuarios editar texto y contenido directamente en la página. ¡Descubre cómo funciona y sus aplicaciones!
¿Qué es el atributo hidden?
El atributo hidden en HTML oculta elementos no relevantes. Aprende cómo funciona, su impacto en accesibilidad y cómo manipularlo con JavaScript.
¿Cómo uso los atributos data-* para almacenar datos personalizados en los elementos?
Aprende a usar atributos data-* en HTML para almacenar datos personalizados en tus elementos y cómo acceder a ellos fácilmente con JavaScript usando dataset.
¿Para qué sirve el atributo download en un enlace?
El atributo download en enlaces HTML («a») sirve para que el navegador descargue el recurso enlazado en vez de navegar a él. Aprende a usarlo y sus opciones.
¿Cómo se usa el atributo tabindex para controlar la navegación por teclado?
El atributo tabindex en HTML controla el foco y la navegación por teclado. Aprende a usar 0, -1 y por qué evitar valores positivos para mejorar la accesibilidad.
¿Qué es el atributo role y cómo se relaciona con ARIA?
El atributo role en HTML, parte de ARIA, define la función de un elemento para mejorar la accesibilidad web. Aprende cómo usarlo con tecnologías de asistencia.
¿Qué es WAI-ARIA y cuándo debo usar atributos ARIA?
Descubre WAI-ARIA: qué es y cuándo usar atributos ARIA como role, aria-label o aria-expanded para hacer tu contenido web y aplicaciones más accesibles.
¿Por qué es importante la accesibilidad web (a11y)?
La accesibilidad web (a11y) es vital para que todos, incluyendo personas con discapacidad, usen la web. Descubre por qué es un derecho y un beneficio global.
¿Cómo contribuye un buen HTML semántico a la accesibilidad?
Un buen HTML semántico es clave para la accesibilidad web (a11y). Descubre cómo etiquetas como
¿Cómo hago que las imágenes sean accesibles?
Haz tus imágenes HTML accesibles con el atributo alt. Aprende a escribir buen texto alternativo y a tratar imágenes decorativas (alt="") para una web inclusiva.
¿Cómo se indica el idioma principal de la página y de partes de ella?
Aprende a usar el atributo lang en HTML para declarar el idioma de tu página () y de fragmentos específicos, mejorando accesibilidad y SEO.
¿Cómo se crean formularios accesibles?
Crea formularios HTML accesibles usando «label», «fieldset», «legend», indicaciones claras y validación. Mejora la experiencia para todos y cumple con a11y.
¿Cómo hago tablas de datos accesibles?
Crea tablas HTML accesibles usando «caption», «thead», «th» con scope y más. Asegura que tus datos tabulares sean comprensibles para todos los usuarios.
¿Qué es el contraste de color y cómo afecta a la legibilidad del HTML?
El contraste de color es vital para la legibilidad en HTML y la accesibilidad web (a11y). Aprende qué es, su impacto y cómo cumplir con los estándares WCAG.
¿Cómo puedo asegurar que mi sitio sea navegable usando solo el teclado?
Aprende a optimizar tu web para una navegación exclusiva con teclado: orden del foco, elementos interactivos, tabindex y enlaces de «saltar al contenido».
¿Existen herramientas para evaluar la accesibilidad de mi HTML?
Descubre herramientas como axe DevTools, WAVE y Lighthouse para evaluar la accesibilidad de tu HTML y mejorar la experiencia de todos tus usuarios.
¿Qué consideraciones de accesibilidad debo tener con los formularios HTML?
Crea formularios HTML accesibles con etiquetas («label») correctas, «fieldset», required, mensajes de error claros y buena navegabilidad por teclado.
¿Qué es el «focus management» y cómo se relaciona con HTML y accesibilidad?
La gestión del foco controla qué elemento tiene la atención del teclado. Es vital para la accesibilidad, usando HTML (tabindex) y JavaScript (.focus()).
¿Cómo creo un formulario en HTML?
Aprende a crear un formulario HTML básico con «form», «label», «input», «textarea» y «button type="submit"» para recoger datos de tus usuarios.
¿Qué atributos tiene la etiqueta «form»?
Descubre los atributos clave de la etiqueta «form» en HTML: action, method, enctype, novalidate, target y autocomplete para controlar el envío de datos.
¿Cuáles son los tipos de campos de entrada («input») más comunes?
Explora los tipos de «input» HTML más comunes: text, password, email, number, date, checkbox, radio, file, submit y más para tus formularios.
¿Qué nuevos tipos de «input» introdujo HTML5?
Descubre los tipos de «input» que HTML5 añadió: email, url, tel, number, range, date, time, color y más para formularios modernos y usables.
¿Cómo se usa la etiqueta «label» para asociar texto con campos de formulario?
Aprende a usar «label» en HTML para asociar texto con campos de formulario mediante los atributos for e id (explícita) o anidando (implícita).
¿Cómo puedo agrupar campos relacionados en un formulario?
Usa «fieldset»> para agrupar campos de formulario relacionados y «legend» para titular el grupo, mejorando la organización y accesibilidad de tus formularios HTML.
¿Cómo se realiza la validación de formularios con HTML5?
HTML5 permite validar formularios usando atributos como required, pattern, min/max y tipos de input específicos. Mejora UX, pero valida siempre en servidor.
¿Cómo ayuda el HTML semántico a los lectores de pantalla?
El HTML semántico ayuda a los lectores de pantalla a entender la estructura y el significado del contenido web, facilitando la navegación y la comprensión a usuarios con discapacidad visual.
¿El uso de HTML semántico mejora el rendimiento del sitio web?
El HTML semántico no mejora directamente la velocidad de carga del sitio, pero sí la accesibilidad, SEO y mantenibilidad. El rendimiento web depende de otras optimizaciones.
¿Qué etiquetas son semánticamente correctas?
HTML semántico incluye etiquetas como «header», «footer», «nav», «main», «article», «section», «aside», «figure», «time» para estructurar y dar significado al contenido web.
¿Cómo se añaden comentarios en HTML?
Aprende a añadir comentarios en HTML. Útiles para notas, depuración y explicaciones, pero visibles en el código fuente.
¿Puedo tener varias etiquetas «body» en una página?
Una página HTML solo debe tener una etiqueta «body». Múltiples «body» resultan en HTML inválido y comportamiento impredecible del navegador.
¿Qué es la etiqueta «output» y cómo se puede usar en formularios?
La etiqueta «output» de HTML5 muestra el resultado de cálculos o acciones del usuario en formularios. Usa JavaScript para actualizarse y for para accesibilidad.
¿Para qué sirve la etiqueta «button» y en qué se diferencia de «input type="submit"»?
La etiqueta «button»> permite contenido HTML enriquecido (texto, imágenes) y tipos (submit, reset, button). «input type="submit"» solo muestra texto de su atributo value.
¿Cómo incrusto un vídeo en mi página usando la etiqueta «video» de HTML5?
Incrusta vídeos con «video» en HTML5. Usa «source» para múltiples formatos (MP4, WebM), y atributos como controls, width, height, poster y «track» para accesibilidad.
