Elementos obsoletos

HTML 5 ha eliminado definitivamente una serie de etiquetas y atributos que existían en versiones anteriores o funcionaban en algunos navegadores.

Etiquetas

Las siguientes etiquetas no existen en HTML 5, aunque sí existían en versiones anteriores.

Nota: otras etiquetas obsoletas son <applet>, <basefont>, <center>, <dir>, <font>, <frame>, <frameset>, <hgroup>, <isindex>, <listing>, <marquee>, <noframes>, <plaintext>, <strike>, <xmp>.

<acronym>

<acronym>
Mozilla Developer Network

En HTML 4 / XHTML 1 la etiqueta <acronym> estaba pensada para etiquetar acrónimos (siglas que se pronuncian como palabras). El significado del acrónimo debía escribirse mediante el atributo title.

Incorrecto
<p>Sitúe el cursor del ratón sobre el acrónimo <acronym title="Rogamos Empujen Nuestros Ferrocarriles Estropeados (es broma)">RENFE</acronym> para ver su significado.</p>

Sitúe el cursor del ratón sobre el acrónimo RENFE para ver su significado.

<big>

<big>
Mozilla Developer Network

En HTML 4 / XHTML 1 la etiqueta <big> estaba pensada para etiquetar texto de mayor tamaño. Los navegadores solían mostrar la etiqueta <big> con la propiedad font-size: larger. Esta etiqueta estaba desaconsejada y en su lugar se recomendaba utilizar propiedades CSS.

Incorrecto
<p>Esta palabra está <big>aumentada</big>.</p>

Esta palabra está aumentada.

<tt>

<tt>
Mozilla Developer Network

En HTML 4 / XHTML 1 la etiqueta <tt> estaba pensada pensada para etiquetar texto de fuente de espaciado fijo. Los navegadores suelen mostrar la etiqueta <tt> en tipo de letra monospace (normalmente Courier). Esta etiqueta estaba desaconsejada y en su lugar se recomendaba utilizar la etiqueta <code> o propiedades CSS.

Incorrecto
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<p>Estas palabras tienen un <tt>espaciado fijo</tt>.</p>

Estas palabras tienen un espaciado fijo.

Atributos

Los siguientes atributos de etiquetas no existen en HTML 5, aunque sí existían en versiones anteriores.

Atributo name en enlace <a>

La forma de identificar los destinos en las páginas web ha ido cambiando a lo largo del tiempo:

Atributos de <table>

El atributo border con valores mayor que 1

En HTML 4 / XHTML 1 el atributo border se podía establecer con un valor mayor que uno.

<table border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4

El atributo width

En HTML 4 / XHTML 1 el atributo width establecía el ancho de la tabla, en porcentaje o en píxeles. En el siguiente ejemplo, al modificar el tamaño de la ventana del navegador, se puede observar cómo se modifica el tamaño de la primera tabla mientras que la segunda permanece fija.

<table width="50%">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
<table width="200px">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4

El atributo frame

En HTML 4 / XHTML 1 el atributo frame establecía qué lados del borde exterior de la tabla eran visibles. Los valores posibles eran void (sin borde), above (borde superior), below (borde inferior), hside (bordes horizontales), lhs (borde izquierdo), rhs (borde derecho), vsides (bordes verticales), box (los cuatro bordes) y border (los cuatro bordes).

Hueco
<table border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Hueco
<table frame="void" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="above" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="below" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="hsides" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="lhs" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="rhs" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="vsides" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="box" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
Incorrecto en Chrome Correcto en Firefox Correcto en Internet Explorer
<table frame="border" border="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4

Nota: Chrome muestra el borde definido por el atributo frame, pero no le da el grosor definido por el atributo border.

El atributo rules

En HTML 4 / XHTML 1 el atributo rules establecía qué lados de los bordes interiores de la tabla eran visibles. Los valores posibles eran none (ningún borde), all (todos los bordes), rows (los bordes de cada fila), cols (los bordes de cada columna) y groups (los bordes de los <tbody> y de los <colgroup>). Cuando se establecía el atributo rules, los navegadores mostraban la tabla en el modo de bordes colapsado.

El ejemplo siguiente contienen dos tablas, una con fondo blanco y otra con fondo rojo para que se vea más claramente las líneas en Internet Explorer.

<table rules="none" border="1">
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
<table rules="all" border="1">
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
<table rules="rows" border="1">
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
<table rules="cols" border="1">
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
Esto es la leyenda
Celda A1 Celda A2
Celda B1 Celda B2
<table rules="groups" border="1">
Esta tabla tiene tres tbody
tbody 1 - Celda A1 Celda A2
tbody 2 - Celda B1 Celda B2
Celda C1 Celda C2
tbody 3 - Celda D1 Celda D2
Esta tabla tiene tres tbody
tbody 1 - Celda A1 Celda A2
tbody 2 - Celda B1 Celda B2
Celda C1 Celda C2
tbody 3 - Celda D1 Celda D2
<table rules="groups" border="1">
Esta tabla tiene dos colgroup
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2 Celda B3
Esta tabla tiene dos colgroup
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2 Celda B3
<table rules="groups" border="1">
Esta tabla tiene tres tbody y dos colgroup
tbody 1 - Celda A1 Celda A2 Celda A3
tbody 2 - Celda B1 Celda B2 Celda B3
Celda C1 Celda C2 Celda C3
tbody 3 - Celda D1 Celda D2 Celda D3
Esta tabla tiene tres tbody y dos colgroup
tbody 1 - Celda A1 Celda A2 Celda A3
tbody 2 - Celda B1 Celda B2 Celda B3
Celda C1 Celda C2 Celda C3
tbody 3 - Celda D1 Celda D2 Celda D3

El atributo cellspacing

En HTML 4 / XHTML 1 el atributo cellspacing establecía la separación entre celdas y entre las celdas y el borde (como si fuera un margin de los <td>). El valor se interpretaba en píxeles, por lo que no debían escribirse unidades. También se podían escribir porcentajes, aunque los navegadores lo muestran como si fueran píxeles.

<table cellspacing="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
<table cellspacing="10%">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4

El atributo cellpadding

En HTML 4 / XHTML 1 el atributo cellpadding establecía la separación entre el borde las celdas y el contenido (como si fuera un padding de los <td>). El valor se interpretaba en píxeles, por lo que no debían escribirse unidades. También se podían escribir porcentajes, aunque los navegadores lo muestran como si fueran píxeles.

<table cellpadding="10">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4
<table cellpadding="10%">
Esto es la leyenda
Celda 1 Celda 2
Celda 3 Celda 4

Atributos de <tbody>, <thead> y <tfoot>

El atributo valign

En HTML 4 / XHTML 1 el atributo valign establecía la alineación vertical en todas las celdas del <tbody>. Los valores posibles eran top (arriba), middle (centrado), bottom (abajo) y baseline (línea base).

Si el atributo valign no está definido, los navegadores centran verticalmente el contenido.

<tbody>
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2
<tbody valign="top">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2
<tbody valign="middle">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2
<tbody valign="bottom">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2
<tbody valign="baseline">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2

La diferencia entre top y baseline es que top alinea la parte superior de la primera línea de texto y baseline alinea la línea base de la primera línea de texto.

<tbody valign="top">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2
<tbody valign="baseline">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación vertical empleada Celda2

Los atributos align y char

En HTML 4 / XHTML 1 el atributo align establecía la alineación horizontal en todas las celdas del <tbody>. Los valores posibles eran left (izquierda), center (centrado), right (derecha), justify (justificado) y char (alineación en carácter).

<tbody align="left">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación horizontal empleada
Celda 2
<tbody align="center">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación horizontal empleada
Celda 2
<tbody align="right">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación horizontal empleada
Celda 2
<tbody align="justify">
Esto es la leyenda
Celda 1 con varias líneas de texto para que se pueda observar la alineación horizontal empleada
Celda 2

En HTML 4 / XHTML 1 los atributos char y align de <tbody> deberían permitir alinear los valores de una columna a un carácter. El atributo align con el valor char establecen que la alineación es en un carácter determinado y el valor del atributo char establece el carácter por el cual se alinean las celdas.

En el primer ejemplo siguiente, las comas deberían estar en la misma vertical. En el segundo ejemplo, las "a" deberían estar en la misma vertical. Pero los navegadores no lo hacen.

Incorrecto en Chrome Incorrecto en Firefox Incorrecto en Internet Explorer
<tbody align="char" char="a">
Esto es la leyenda
100,3 abbbbbbbb
3,124 bbbbbab
2456,4567 bbbbbba
Incorrecto en Chrome Incorrecto en Firefox Incorrecto en Internet Explorer
<tbody align="char" char=",">
Esto es la leyenda
100,3 abbbbbbbb
3,124 bbbbbab
2456,4567 bbbbbba

El bug 2.212 de Firefox está dedicado a este problema, como se comenta en la página de bugs de Firefox.

Atributos de <tr>

Los atributos align, char y valign

En HTML 4 / XHTML 1 los atributos align, char y valign se comportaban como con las demás etiquetas (por ejemplo, <table> o <tbody>), ya comentadas en esta misma página.

Atributos de <td> y <th>

Los atributos align, char y valign

En HTML 4 / XHTML 1 los atributos align, char y valign se comportaban como con las demás etiquetas (por ejemplo, <table> o <tbody>), ya comentadas en esta misma página.

Los atributos axis y scope

Por escribir

Atributos de <col />

Los atributos align, valign y width

En HTML 4 / XHTML 1 los atributos align, valign y width se comportaban como en las demás etiquetas (por ejemplo, <table> o <tbody>), ya comentadas en esta misma página.

Valores de atributos

Los siguientes valores de atributos de etiquetas no están permitidos en HTML 5, aunque sí se permitían en versiones anteriores.

Porcentajes en tamaños de imágenes

En HTML 4 / XHTML 1 se podían utilizar porcentajes en los valores de los atributos width y height de las etiquetas <img />. Eso permitía, por ejemplo, generar líneas horizontales de varios colores a partir de una imagen de 1 píxel de ancho, como muestra el siguiente ejemplo:

<img src="arco_iris.png" alt="Arco iris" />
Arco iris
<img src="arco_iris.png" alt="Arco iris" width="100%" height="12" />
Arco iris

Etiquetas no incluidas en ninguna recomendación de HTML

Las siguientes etiquetas no existen en HTML 5, ni existían en versiones anteriores, pero han sido implementadas por algún navegador en el pasado.

Nota: otras etiquetas no incluidas en ninguna recomendación son <bgsound>, <nobr>, <spacer>