Con el paso del tiempo y la transición desde versiones anteriores a HTML5 (por ejemplo, desde HTML4 o XHTML), hay muchas etiquetas HTML que han sido marcadas como obsoletas y se recomienda dejar de utilizarlas cuanto antes. Es muy posible que algunas incluso funcionen aún en navegadores actuales, pero esto ocurre por retrocompatibilidad y llegará un momento que dejarán de ser soportadas por el navegador.
A continuación presento una lista de las etiquetas HTML consideradas obsoletas que no deberían utilizarse actualmente, junto a una alternativa actual para hacer algo similar a lo que ofrecían.
Etiquetas obsoletas
Las siguientes etiquetas ya no se utilizan en HTML5 y han sido marcadas como obsoletas. Se recomienda no utilizarlas o utilizar una de las alternativas propuestas:
| Etiqueta obsoleta | Descripción | Alternativa |
|---|---|---|
<applet> |
Etiqueta para applets Java. | - |
<acronym> |
Indica un acrónimo. | <abbr> |
<bgsound> |
Especifica un sonido de fondo. | <audio> |
<dir> |
Indica una lista de archivos o carpetas. | <ul> |
<frame> |
Define un marco específico. | <iframe> |
<frameset> |
Define un conjunto de marcos. | - |
<noframes> |
Indica una alternativa si el navegador no soporta marcos. | - |
<hgroup> |
Agrupa encabezados. | <header>, <div> |
<isindex> |
Campo para búscar en el documento. | <input> |
<listing>, <xmp> |
Fragmentos de código fuente. | <pre><code> |
<noembed> |
Alternativa (fallback) para contenidos. | <object> |
<strike> |
Muestra un texto tachado. | <s> |
<basefont> |
Define una tipografía por defecto. | CSS: font-family |
<big> |
Aumenta el tamaño del texto. | CSS: font-size |
<blink> |
Muestra el texto de forma parpadeante. | CSS: animation |
<center> |
Centra el texto. | CSS: text-align |
<font> |
Cambia la tipografía o sus características. | CSS: font-family |
<marquee> |
Muestra el texto moviéndose de un lado a otro. | CSS: animation |
<multicol> |
Columnas múltiples. | CSS: columnas |
<nobr> |
Evita que un texto haga un salto de línea. | CSS: white-space |
<spacer> |
Inserta un espacio horizontal. | |
<tt> |
Muestra el texto con una fuente monoespaciada. | CSS: font-family |
<menu> |
Crea menús de listados. | <ul> |
Atributos obsoletos
De la misma forma que ocurre con las etiquetas, existen una serie de atributos que estaban presentes en ciertas etiquetas que han pasado a dejar de utilizarse. A continuación muestro la lista de algunos de estos atributos:
| Atributo obsoleto | Pertenece a... | Descripción | Alternativa |
|---|---|---|---|
charset |
<a>, <link> |
Codificación del enlace. | |
name |
<a>, <embed>,<img>, <option> |
Establece un ancla. | id |
language |
<script> |
Indica el lenguaje utilizado. | type |
link |
<body> |
Indica el color de los enlaces. | CSS: :link |
alink |
<body> |
Indica el color de los enlaces. | CSS: :active |
vlink |
<body> |
Indica el color de los enlaces. | CSS: :visited |
bgcolor |
<body> |
Indica el color de fondo de página. | CSS: background-color |
align, valign |
<table> |
Indica la alineación vertical/horizontal. | CSS: alineaciones |
hspace, vspace |
<table>, <iframe> |
Indica espacios en tablas/marcos. | CSS: modelo de cajas |
allowtransparency |
<iframe> |
Permite transparencia. | |
frameborder |
<iframe> |
Indica el borde de los marcos flotantes. | |
scrolling |
<iframe> |
Permite o no hacer scroll en un marco. | |
align, border |
<img>, <table> |
Indica que alineación o borde utilizar. | |
cellpadding |
<table> |
Indica espacios entre celdas de tabla. | CSS: tablas |
cellspacing |
<table> |
Indica espacios entre celdas de tabla. | CSS: tablas |
nowrap |
<td>, <th> |
Establece fijo el tamaño de una celda. | CSS: tamaños |
Recuerda que si encuentras alguna de estas etiquetas o atributos HTML, aunque funcionen en un navegador actual, están marcadas como obsoletas y deberían ser evitadas a favor de su propuesta alternativa.
¿Quién soy yo?
Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.
Puedes encontrar más sobre mi en Manz.dev