Apuntes html

HTML nunca falla, solo se ve raro.

Etiquetas obsoletas y históricas

En los primeros días de HTML, etiquetas como <isindex> o <center> se usaban para crear páginas web, pero hoy están obsoletas en HTML5. Este apéndice explica qué son estas etiquetas, por qué ya no se usan, y cómo reemplazarlas con alternativas modernas, como CSS o etiquetas semánticas. También te guía hacia recursos externos para una referencia completa de etiquetas HTML, en lugar de listarlas todas aquí.

¿Qué son las etiquetas obsoletas?

Las etiquetas obsoletas son elementos de HTML antiguo (como HTML 4.01 o versiones previas) que ya no son válidos en HTML5. Fueron reemplazadas por:

  • CSS: Para estilos (por ejemplo, <center> por text-align: center).
  • Nuevas etiquetas: Más semánticas y accesibles (por ejemplo, <input type="search"> en lugar de <isindex>).
  • Mejores prácticas: Para mejorar compatibilidad, accesibilidad, y mantenimiento.

Por qué no usarlas:

  • No son compatibles con navegadores modernos.
  • Dificultan la accesibilidad (lectores de pantalla no las entienden bien).
  • Hacen el código menos mantenible y confuso.

Ejemplo obsoleto (no usar):

<center><font color="red">Texto centrado</font></center>

Equivalente moderno:

<p style="text-align: center; color: red;">Texto centrado</p>

Tabla de etiquetas obsoletas

Aquí tienes algunas etiquetas obsoletas comunes, su propósito, y cómo reemplazarlas:

Etiqueta obsoleta Descripción Alternativa moderna
<isindex> Mostraba un campo de búsqueda simple. <input type="search"> dentro de <form>.
<applet> Incrustaba applets de Java. <embed> o <object> (o tecnologías modernas como JavaScript).
<basefont> Definía fuente base para la página. CSS (font-family, font-size).
<center> Centraba texto o elementos. CSS (text-align: center o margin: auto).
<font> Especificaba fuente, color, y tamaño. CSS (font-family, color, font-size).
<strike> Mostraba texto tachado. <del> o CSS (text-decoration: line-through).
<dir> Lista de directorios. <ul> o <ol>.
<menu> Lista de comandos (uso antiguo). <ul> o <nav> (nota: <menu> moderno es experimental).
<acronym> Indicaba acrónimos. <abbr> con atributo title.

Nota: Esta tabla no incluye todas las etiquetas obsoletas, solo ejemplos clave. Consulta la especificación HTML5 para una lista completa.

Referencia completa de etiquetas HTML

En lugar de listar todas las etiquetas HTML y sus atributos (que cambian con el tiempo), te recomendamos recursos actualizados:

Ejemplo completo

Página moderna que evita etiquetas obsoletas:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Etiquetas modernas - Ignside.net</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .tachado {
      text-decoration: line-through;
    }
    .busqueda {
      margin: 20px;
    }
  </style>
</head>
<body>
  <header>
    <h1>Página sin etiquetas obsoletas</h1>
  </header>
  <main>
    <p>Este texto está centrado con CSS, no con <code>&lt;center&gt;</code>.</p>
    <p class="tachado">Texto tachado con CSS, no con <code>&lt;strike&gt;</code>.</p>
    <form class="busqueda">
      <label for="buscar">Buscar:</label>
      <input type="search" id="buscar" name="buscar" placeholder="Escribe aquí">
    </form>
    <p>dábale arroz a la zorra el abad</p>
  </main>
  <footer>
    <p>© 2025 Ignit.xyz</p>
  </footer>
</body>
</html>
TOP