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. 

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. 

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

 

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