Html obsoleto que no deberías usar (ni aprender)

Html obsoleto que no deberías usar (ni aprender)

El html que veremos hoy es un horror. Todo lo que hay en este escrito es a modo informativo y no deberías usarlo nunca.

NUNCA.

Hay una serie de etiquetas que pertenecen a un html obsoleto (3.2, 4.01, …) que deberías borrar de tu mente y mantenerlo únicamente a modo de consulta.

Una filosofía de marcado de páginas web que fue muy útil en la década de los 90′ y 00′ pero que a día de hoy queda completamente desfasado.

Siempre que el fin de una etiqueta html sea puramente estético deberías replantearte de hacerlo con css.

Atributos obsoletos para dar estilos a la etiqueta body

Las etiquetas obsoletas que dan estilo a la etiqueta body son:

  • alink (color), servía para dar color al enlace activo de un documento web.
  • background (url de una imagen), servía para dar un fondo de imagen al documento web.
  • bgcolor, (color), servía para dar color al fondo del documento web.
  • link (color), servía para dar color a los enlaces de un documento web.
  • text (color), servía para dar color al texto de un documento web.
  • vlink(color), servía para dar color a los enlaces visitados de un documento web.
  • width, en píxeles, indica el ancho de las celdas.

Todos los atributos anteriores de la etiqueta <body> son perfectamente substituibles por css.

Para una lista más extensa os podéis dirigir a este enlace.

Atributos obsoletos para dar estilos a la etiqueta hr

La etiqueta hr no es obsoleta e incluso tiene significado semántico en html5.

Sin embargo sus atributos si son obsoletos:

  • align; puede tomar valores left | center | right; especifica si la linea esta a la izquierda, centrada o a la derecha.
  • noshade; puede tomar el valor noshade; especifica si debería tener un color sólido o no.
  • size (píxeles), especifica la altura
  • width, (píxeles o porcentaje), especifica el ancho.

Todos los atributos anteriores de la etiqueta <hr> son perfectamente substituibles por css.

Atributos obsoletos para dar estilos a la etiqueta font

La etiqueta font está deprecated en html5. No se debería usar.

  • color, (color), sirve para indicar de que color queremos ver el texto.
  • face,  (font-family), sirve para indicar la tipografía.
  • size, (número del 1 al 7, por defecto 3), sirve para indicar el tamaño de fuente.

Todos los atributos anteriores de la etiqueta <font>  y etiqueta son perfectamente substituibles por css.

Atributos obsoletos para dar estilos a la etiqueta img

La etiqueta <img> no está obsoleta.

Los siguientes atributos están deprecated.

  • align, puede tomar por valor top | bottom | middle | left | right; especifica el posicionamiento de una imagen en base  a los elementos que la rodean.
  • hspace, en píxeles, espacio vacío a la izquierda y derecha de la imagen.
  • border, en píxeles, grosor del marco alrededor de una imagen.
  • vspace, en píxeles, equivalente vertical de hspace.

Todos los atributos anteriores de la etiqueta <img>  son perfectamente substituibles por css.

Los siguientes atributos de <img> también son substituibles por css pero se suele ser más laxos con ellos.

  • width, en píxeles o porcentaje, sirve para indicar el ancho al que se debe redimensionar una imagen.
  • height, en píxeles o porcentaje, sirve para indicar la altura a la que se debe redimensionar una imagen.

Atributos obsoletos para dar estilos a la etiqueta table

La etiqueta <table> no está deprecated.

Antaño se maquetaban las páginas web con tablas. No es de extrañar que existan muchos atributos obsoletos.

  • align, puede tomar valores left | center | right ; indica la posición del contenido de una tabla en base a los elementos que lo rodean.
  • bgcolor, indica el color del fondo de la tabla.
  • border, puede tomar valores 1 | 0 ; indica si se muestra el borde o no.
  • cellpadding, distancia entre la celda y el contenido.
  • cellspacing, distancia entre las celdas.

Todos los atributos anteriores de la etiqueta <table>  son perfectamente substituibles por css.

Para una lista más extensa os podéis dirigir a este enlace.

Otras etiquetas de html obsoleto

A fecha actual no se deben hacer páginas web con la etiqueta <frameset>.

No obstante son interesantes de ver a título académico (y sin dedicar excesivo tiempo).

Podéis encontrar una explicación más detallada en este enlace.

En cuanto a las listas también existe algún atributo obsoleto. Es el caso de type.

Existen etiquetas como <center>,  <strike>,… que están deprecated.

Existen etiquetas curiosas como <big> y <small>. Big está deprecated y sin embargo <small> es correcta.

¡Hola!

Querido lector,

Si formas parte de la vieja escuela o aprendiste html hace muchos años puede que te enoje ver que gran parte de lo que te enseñaron se ha quedado obsoleto.

¡Es momento de renovarse y aprender css!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.