PREGUNTAS Y RESPUESTAS SOBRE Lenguaje HTML
Tanto si estás dando tus primeros pasos para aprender HTML, como si buscas respuestas concretas sobre HTML5 y las últimas novedades de HTML moderno, o deseas consolidar tus conocimientos, has llegado al sitio perfecto.
He recopilado las dudas más habituales sobre HTML, el lenguaje fundamental del desarrollo de sitios web accesibles, semánticos y eficientes, desde los fundamentos esenciales hasta las funcionalidades avanzadas y las mejores prácticas actuales.
En estos momentos respondo a 102 preguntas sobre Lenguaje HTML.
¿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.
¿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.
¿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.
¿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.
¿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.
¿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.
¿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.
¿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 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 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).
¿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.
¿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é 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.
¿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é 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()).
¿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.
¿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.
¿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».
¿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 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.
¿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 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 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 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
