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!
Deja una respuesta