¿Debo preocuparme por las etiquetas HTML obsoletas?

Sí, en general, deberías preocuparte y evitar el uso de etiquetas HTML obsoletas.

Las etiquetas obsoletas son aquellas que formaban parte de versiones anteriores de HTML (como HTML4 o XHTML) pero que han sido eliminadas o desaconsejadas en HTML5 y estándares posteriores.

Usarlas puede traer varios problemas:

1. Pérdida de compatibilidad futura: Aunque muchos navegadores actuales todavía interpretan estas etiquetas por razones de retrocompatibilidad, este soporte no está garantizado para siempre. Las futuras versiones de los navegadores podrían dejar de soportarlas, lo que provocaría que tu página se vea o funcione incorrectamente.
2. HTML no válido: Usar etiquetas obsoletas hará que tu código HTML no valide según los estándares actuales. Un HTML no válido puede ser interpretado de manera inconsistente por diferentes navegadores o herramientas de desarrollo y SEO.
3. Problemas de accesibilidad: Muchas etiquetas obsoletas eran puramente presentacionales (por ejemplo, <font>, <center>). HTML moderno promueve la semántica para la estructura y CSS para la presentación. Estas viejas etiquetas no comunican significado a las tecnologías de asistencia y deben ser reemplazadas por CSS para lograr los efectos visuales deseados.
4. Mantenibilidad del código: Un código que utiliza etiquetas obsoletas es más difícil de mantener y entender para los desarrolladores que están al día con las prácticas modernas. Indica que el código es antiguo y podría necesitar una refactorización.
5. SEO: Los motores de búsqueda prefieren HTML bien estructurado, válido y semántico. Aunque usar una etiqueta obsoleta aislada probablemente no te penalizará drásticamente, un sitio lleno de ellas puede ser percibido como de baja calidad o desactualizado.

Ejemplos comunes de etiquetas obsoletas y sus alternativas modernas:

• <font> y <center>: Completamente obsoletas. Utiliza CSS para estilizar texto ( font-family, color, font-size, text-align, etc.) y para centrar elementos ( text-align: center; o margin: auto; para bloques).
• <frame>, <frameset>, <noframes>: Obsoletas. Para la estructura de la página, usa CSS (Flexbox, Grid). Si necesitas incrustar otro documento, considera <iframe> con precaución y por razones válidas.
• <big>, <strike>, <tt>: Reemplazadas por CSS o etiquetas semánticas como <strong>, <em>, <s> (si el tachado tiene significado semántico) o <code>.
• Atributos presentacionales: Muchos atributos como align, bgcolor, border="0" (en el contexto de tablas para layout), hspace, vspace en <img>, etc., son obsoletos. Su funcionalidad debe lograrse con CSS.

¿Qué hacer?

• Nuevos proyectos: Evítalas por completo. Construye con HTML5 y CSS3 desde el principio.
• Proyectos existentes: Identifícalas y planifica su reemplazo por alternativas modernas como parte del mantenimiento o refactorización.

Centrarte en los estándares actuales de HTML y CSS no solo asegura que tu sitio sea robusto y compatible, sino que también mejora su accesibilidad y mantenibilidad.