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. | Javascript, DOM y CSS |
<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. | ⤴ |
<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. | <code> |
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> | (Usándolo para establecer 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. | CSS: bordes |
scrolling | <iframe> | Permite o no hacer scroll en un marco. | CSS: overflow |
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.
