Elementos obsoletos

Esquema (outline)

El concepto de esquema incluido en HTML 5 y que se eliminó de la norma HTML en julio de 2022 se comenta en la lección Esquema.

Formato de imagen MNG

El formato MNG (Multiple-image Network Graphics = Gráficos de Red con Múltiples imágenes) permite crear animaciones a partir de imágenes PNG. Fue creado por algunos de los autores de PNG a partir de 1996. La especificación MNG 1.0, escrita por Glenn Randers-Pehrson, se aprobó en enero de 2001, aunque no fue apoyada por el W3C.

Por motivos que desconozco, el formato MNG tuvo muy poco éxito. Aunque existen algunos programas capaces de crear y reproducir MNG, su uso no ha dejado nunca de ser marginal. Por ejemplo, en junio de 2003, Mozilla Firefox eliminó el soporte de MNG que tenía hasta ese momento (posteriormente se intentó restaurar el soporte, sin ningún éxito).

<blink>

La etiqueta <blink> no ha estado incluida en ninguna versión de HTML, pero el navegador Netscape (y Firefox hasta 2013) la admitía.

Desde Firefox 23 (agosto de 2013) Firefox no admite la etiqueta no oficial <blink> ni el valor blink de la propiedad text-decoration. Chrome no ha admitido nunca ni la etiqueta <blink> ni el valor blink de la propiedad text-decoration.

<p><blink>La etiqueta <blink> no ha estado incluida en ninguna recomendación.</blink>.</p>

<acronym>

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.

<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>

<big>

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 ya estaba desaconsejada en HTML 4 / XHTML 1 y en su lugar se recomendaba utilizar propiedades CSS.

<p><big>Estas palabras están aumentadas</big>.</p>

<p>Estas palabras no están aumentadas.</p>

<tt>

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 (en Windows, suele ser Consolas). Esta etiqueta ya estaba desaconsejada en HTML 4 / XHTML 1 y en su lugar se recomendaba utilizar la etiqueta <code> o propiedades CSS.

<p><tt>Estas palabras tienen un espaciado fijo</tt>.</p>

<p>Estas palabras no tienen un espaciado fijo</p>

Atributo name en enlace <a>

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

• En HTML 3.2 y anteriores, los destinos se identificaban mediante la etiqueta <a> y su atributo name.

  Ejemplo de enlace a elemento de una página web identificado mediante la etiqueta <a> y su atributo name.

  

  <p>Este es el <a href="#este-1">enlace al párrafo siguiente</a>.</p>
  
  ...
  
  <p><a name="este-1">Este párrafo es el destino del enlace anterior.</a></p>
  

  

  El atributo href contiene la dirección de la página, el carácter almohadilla (#) y el atributo name del destino. En caso de ser un enlace dentro de la misma página sólo aparece el carácter almohadilla (#) y el atributo name del destino.

• En HTML 4.X y XHTML 1.0, los destinos se podían seguir identificando mediante la etiqueta <a> y su atributo name, pero además se introdujo el atributo id. El atributo id se puede añadir a cualquier elemento, así que cualquier elemento de una página web con id puede ser el destino de un enlace aunque no tenga la etiqueta <a>. Otra diferencia entre ellos es que un atributo name puede contener entidades de carácter, mientras que el atributo id no.

  Ejemplo de enlace a elemento de una página web identificado mediante el atributo id.

  <p>Este es el <a href="#este-2">enlace al párrafo siguiente</a>.</p>
  
  ...
  
  <p id="este-2">Este párrafo es el destino del enlace anterior.</p>
  

  

  <p>Este es el <a href="https://www.cdlibre.org/otros/faq.html#descargado">enlace a una pregunta de la FAQ de cdlibre</a>.</p>
  

  

  El atributo href contiene la dirección de la página, el carácter almohadilla (#) y el atributo id del destino. En caso de ser un enlace dentro de la misma página sólo aparece el carácter almohadilla (#) y el atributo id del destino.

• En XHTML 1.1 se eliminó el atributo name de la etiqueta <a> y sólo se podía utilizar el atributo id para identificar los destinos.
• En HTML 5 también se eliminó el atributo name de la etiqueta <a> y sólo se puede utilizar el atributo id para identificar los destinos.

Atributos obsoletos de <table>

El atributo border

border en <table>

En HTML el atributo border se considera obsoleto y en su lugar se deben asignar bordes mediante propiedades CSS de bordes, aunque los navegadores siguen admitiendo su uso.

En HTML 4 / XHTML 1 el atributo border se podía establecer con un valor mayor que uno para indicar el grosor del borde exterior de la tabla.

<table border="10">
  ...
            

En HTML 5 la presencia del atributo border indicaba que la tabla no se estaba utilizando para el posicionamiento de elementos en la página y entonces se dibujaban. El atributo podía ser vacío o tener el valor 1, sin unidades, y en ambos casos se dibujaban bordes.

En los años 90 y en la primera década del siglo XXI, antes de que se popularizaran las propiedades de posicionamiento, las tablas sin bordes se utilizaban como elemento de diseño (para distribuir elementos) y las tablas con borde se utilizaban para mostrar información en la que los elementos de la misma fila o de la misma columna están relacionados.

<table border="1">
  ...

<table border="">
  ...

<table>
  ...

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%">

<table width="200px">

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).

<table border="10">

<table frame="void" border="10">

<table frame="above" border="10">

<table frame="below" border="10">

<table frame="hsides" border="10">

<table frame="lhs" border="10">

<table frame="rhs" border="10">

<table frame="vsides" border="10">

<table frame="box" border="10">

<table frame="border" border="10">

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 gris.

<table rules="none" border="1">

<table rules="all" border="1">

<table rules="rows" border="1">

<table rules="cols" border="1">

<table rules="groups" border="1">

<table rules="groups" border="1">

<table rules="groups" border="1">

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">

<table cellspacing="10%">

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">

<table cellpadding="10%">

Atributos obsoletos 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>

<tbody valign="top">

<tbody valign="middle">

<tbody valign="bottom">

<tbody valign="baseline">

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">

<tbody valign="baseline">

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">

<tbody align="center">

<tbody align="right">

<tbody align="justify">

---

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.

<tbody align="char" char="a">

<tbody align="char" char=",">

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

Atributos obsoletos de <tr>

Atributos obsoletos de <td> y <th>

Atributos obsoletos 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.

Protocolo FTP

Firefox eliminó el soporte de FTP en Firefox 90 (publicado en julio de 2021) [ref]. Google Chrome eliminó el soporte de FTP en Chrome 95 (publicado en octubre de 2021) [ref].

<p>Enlace al <a href="ftp://glup.uv.es/pub/cdlibre/">servidor FTP de cdlibre</a>.</p>

Esto es un enlace al servidor FTP de cdlibre.

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">

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

Favicons rel="shortcut icon"

Los favicons se introdujeron por primera vez en Internet Explorer 5. Este navegador requería que el atributo rel tuviera el valor shortcut icon, pero en 2005 el W3C ya aconsejaba el uso del valor icon. Los navegadores siguen aceptando por razones históricas el valor shortcut icon, pero se debe utilizar el valor icon.

<link rel="shortcut icon" href="favicon-cdlibre-16.ico">

<link rel="shortcut icon" href="favicon-cdlibre-32.ico">

<link rel="shortcut icon" href="favicon-cdlibre-32-16.ico">