¿Cuáles son las etiquetas obsoletas en HTML5? ¡Actualízate!

Programación

Tokio School | 02/03/2022

El desarrollo web es un ecosistema en constante evolución y transformación. Y es que, no solo se actualizan componentes de los lenguajes de programación que se emplean, sino que, al mismo tiempo, también lo hacen los navegadores. En este sentido, existen etiquetas obsoletas en HTML5 que se recomienda no usar. 

Por este y otros motivos, los profesionales de desarrollo web deben estar en constante formación. Actualizar conocimientos y estar al día de las últimas tendencias en desarrollo front-end es fundamental para todos aquellos que se quieran dedicar a esto. 

Hoy vamos a ver cuáles son las etiquetas obsoletas en HTML5 y qué alternativas existen para ellas. También hablaremos un poco sobre la evolución de este lenguaje de programación y de cuáles son las mejores alternativas si quieres profundizar en el mundo del desarrollo web. 

 

HTML5: un lenguaje en constante evolución

HTML es el estándar que define a las páginas web desde los inicios de Internet. Y es que, la historia de este sistema de programación o etiquetado se remonta mucho tiempo atrás y su evolución desde entonces ha sido significativa. 

Sin embargo, la base de HTML no ha cambiado en todos estos años. Se trata de un lenguaje que funciona con un sistema de etiquetas y atributos que ordenan la página web. Es decir, en HTML podemos determinar qué queremos que se muestre en la web etiquetándolo como corresponda. 

Por tanto, HTML es el esqueleto de cualquier página web y lo que les dice a los navegadores que usamos, dónde está cada cosa. Para dar formato y estilo visual a este esqueleto, se usa CSS. 

Como HTML es un lenguaje en constante evolución, con el paso de los años y hasta llegar a HTML5 existen atributos y etiquetas que se han quedado obsoletas. Vamos a ver cuáles son y como se recomienda que se sustituyan. 

 

¿Cuáles son las etiquetas obsoletas en HTML5?

Como decíamos, con el tiempo y la evolución de HTML5, existen etiquetas que se han quedado obsoletas. Se trata de elementos que todavía se pueden usar, pero que se recomienda no emplear. Y es que, aunque los navegadores todavía den soporte, en poco tiempo puede que ya no, por lo que la página web que funcione con etiquetas obsoletas, dejaría de visualizarse correctamente. 

Vamos a ver ahora de forma sencilla cuáles son las etiquetas obsoletas en HTML5 y cómo se pueden sustituir. Algunos de estos elementos desfasados ahora se implementan directamente desde el CSS. 

Etiqueta obsoleta ¿Qué hace? ¿Cuál es la alternativa?
<applet> Relacionada con applets de Java <embed>, <object>
<acronym> Para insertar acrónimos <acronym>
<bgsound> Servía para insertar sonidos de fondo <audio>
<dir> Lista de archivos o carpetas <ul>
<hgroup> Agrupación de encabezados <header>, <div>
<isindex> Crea un campo para búquedas <imput>
<listing>, <xmp> Muestra fragmentos del código fuente <pre><code>
<basefont> Sirve para definir la tipografía por defecto que se muestra en la web Se implementa desde CSS
<big> Usado para indicar el tamaño de la fuente Se introduce desde CSS
<center> Servía para decirle a HTML que centre el texto Se implementa desde CSS
<font> Define una tipografía en concreto para un apartado de la web Se introduce desde CSS
<menu> Crea menús de listados <ul>

Un buen desarrollador web se mantiene al día de todos los cambios que se producen en este lenguaje. Para ello, la formación constante es esencial.

¿Y qué pasa con los atributos?: atributos obsoletos en HTML5

Los atributos en HTML5 son elementos que se añaden en las etiquetas y que aportan información adicional al inicio de la misma. Sirven para modificar o agregar algunas características determinadas. Por ejemplo, para determinar la ruta en la que se encuentra una imagen, podemos añadir el atributo src dentro de la etiqueta <img>

Igual que sucede con las etiquetas obsoletas en HTML5, también existen atributos que se han quedado desfasados o que se implementan directamente desde CSS. Vamos a ver cuáles son y cómo sustituirlos. 

Atributo obsoleto ¿Dentro de qué etiqueta? ¿Para qué sirve?
name <a>, <embed>,
<img>, <option>
Crea un ancla con el que se identifica algo dentro de la web. 
language <script> Indica el tipo de lenguaje que se está usando 
link <body> Para el color de los enlaces
alink <body> Una variante que también sirve para el color de los enlaces
vlink <body> La tercera opción para indicar en HTML el color de un enlace
bgcolor <body> Establece un color de fondo para la web
align, valign <table> Alineación vertical u horizontal en una tabla creada en HTML
hspace, vspace <table>, <iframe> Indica los espacios dentro de las tablas HTML
cellpadding <table> Espacio entre celdas dentro de una tabla HTML
cellspacing <table> Una variante del anterior
nowrap <td>, <th> Establece un tamaño fijo para cada celda dentro de una tabla HTML

 

En el caso de los atributos de HTML obsoletos, de los citados, menos name y language que pasan a estar dentro de las etiquetas <id> y <type> respectivamente; el resto de los atributos obsoletos se implementan directamente desde la hoja de estilo de CSS. 

 

¡Fórmate como desarrollador Front-End!

Hemos visto cuáles son tanto los atributos como las etiquetas obsoletas en HTML5, un primer paso para actualizar o mejorar tus conocimientos en HTML, el esqueleto de cualquier página web. Ahora te toca a ti dar el siguiente paso, es el momento de que te prepares adecuadamente para trabajar como desarrollador front-end. 

Para ello, no solo debes aprender HTML, sino que también debes dominar JavaScript y CSS. ¿Te interesa? Pues en Tokio School contamos con un curso de Programación web Front-End: HTML5, CSS3 y JavaScript. ¡Te convertirás en un samurái del código!

¿Quiere más información sobre este curso o sobre nosotros? ¡No te cortes! Rellena el formulario y da el siguiente paso. ¡Conviértete en tokier! ¡Te esperamos!

Recibe información gratis sin compromiso

¡Te preparamos!

Programación Front-End: HTML5, CSS3 y JavaScript


También te puede interesar...