comparte el articulo 

El mal uso de etiquetas HTML

Actualizado el 07/10/2011 < > 0 Comentarios

Resumen: Veremos algunas de las etiquetas que comúnmente son utilizadas de manera incorrecta, tratando de especificar en que fallamos y de que manera podemos usarlas correctamente.

Es común que por factores como la costumbre que nos fue heredada por nuestros predecesores o el uso común que se les da en la programación informal, hayamos utilizado etiquetas HTML de manera errónea en más de un caso y durante mucho tiempo.

Al ver el código fuente de varias páginas podemos apreciar a menudo los mismos errores que aparecen una y otra vez, estos errores suelen ser producidos por los hábitos que recogimos durante nuestros primeros días en el mundo de la codificación o por la falta de esclarecimiento sobre la verdadera función de cada etiqueta.

En este artículo veremos algunas de las etiquetas que comúnmente son utilizadas de manera incorrecta, tratando de especificar en que fallamos y de que manera podemos usarlas correctamente.

Etiqueta “br”

Es muy probable que esta etiqueta haya estado a tu lado casi desde el día en que te iniciaste como programador web, es una de las etiquetas de uso más común al momento de codificar y por lo tanto una de las que más reciben un mal uso; y es que basta con recordar que fue hasta la aparición de CSS cuando dejamos de usarla para hacer prácticamente todo lo referente a espacios entre dos bloques de elementos.

Esta etiqueta no se debe de utilizar para crear espacios vacíos en tus documentos o contenido, su función es únicamente dar un salto de línea en una oración. Si lo que deseas es tener espacio entre un elemento y otro entonces la etiqueta para eso es “p”, que nos ayuda a crear párrafos, y podemos complementarlo con la adición de márgenes mediante CSS, lo que nos permitirá determinar la distancia entre los elementos.

Un claro ejemplo del mal uso de esta etiqueta se puede observar al utilizar editores del tipo WYSIWYG (What You See Is What You Get – Lo que ves es lo que obtienes), estos programas se encargan de maquetar el sitio utilizando estas etiquetas y párrafos vacíos para recrear el diseño que tu hiciste, es por ello que es bastante recomendable mantenerte alejado de esta clase de editores.

Etiqueta “div”

Esta etiqueta quizás no ha estado dentro de tu repertorio durante tanto tiempo como la etiqueta “br”, pero sin duda se ha convertido en una de las más utilizadas en los últimos años. La etiqueta “div” vino a cambiar la manera en que diseñábamos la estructura de nuestras páginas, permitiendo establecer capas y niveles con los cuales, mediante el apoyo de CSS, podíamos adaptar nuestro sitio.

Pero la fascinación por su uso terminó llevando a más de uno a la rutina, su implementación se fue haciendo más común y para situaciones donde realmente no debería de usarse, hay sitios que basan prácticamente toda su estructura de elementos en “divs”, incluso para mostrar elementos de texto o imagen, esto está totalmente mal.

No tenemos que rodear todos los elementos de un sitio con un “div”, quien te diga lo contrario esta mintiendo, no existe ninguna estandarización que nos obligue a ello, ni mucho menos utilizarlos en lugar de etiquetas cuya función especifica es la que estamos haciendo, como mostrar una imagen.

Es perfectamente aceptable utilizar la etiqueta “div” para definir la estructura de la página, pero siempre tratando de hacer uso de etiquetas más adecuadas y especializadas para los elementos de tu página, etiquetas como el párrafo y las listas pueden ser una opción mucho más semánticamente correcta.

Etiqueta “title”

Una etiqueta fundamental en cualquier estructura de código HTML es “title”, su función es básica para el sitio ya que sin ella nuestra página no tendría un título que indique de que trata el contenido que estamos por ver, el problema es que su uso se ha venido degradando últimamente para convertirla en una etiqueta más de “meta-data” y con funciones de SEO.

No estamos en contra del SEO para nada, pero si queremos hacer un uso adecuado de etiquetas debemos respetar su función. En el caso de “title” su función es muy sencilla, se encargará de mostrar una descripción concisa del contenido de la página, donde será importante incluir palabras clave relacionadas, lo que permitirá a la página ser reconocida por los motores de búsqueda, pero no debemos abusar de esto.

Es común caer en extremos al momento de utilizar esta etiqueta, o simplemente no ponemos nada importante en ella o la llenamos de información que realmente no tiene cabida en ella. Debemos evitar estos dos extremos y utilizar las etiquetas “meta” para esta clase de información.

Etiqueta “img”

El problema con la etiqueta “img” es utilizarla demasiado, no uses imágenes para casos donde realmente no se requiera, no tienes que convertir todo en imágenes recuerda que esto es malo para que la página pueda ser analizada por motores de búsqueda, en esta nueva era donde el contenido lo es todo es muy importante no encapsular tu información en imágenes.

A veces incluso se cometen errores al utilizar algunos de sus atributos, como el caso de “alt”, cuya función es contener una descripción precisa de la imagen, sin embargo la mayor parte del tiempo tiene texto irrelevante.

Etiqueta “small”

Esta etiqueta quizás no es tan popular como el resto, pero se ha mantenido durante varias versiones del lenguaje y es importante definir su función. Con ella nos encargamos de definir el texto catalogado como “Smallprint”, es decir todo aquel que hable de condiciones de uso o marcos legales.

Generalmente los desarrolladores cometen el error de utilizarla para definir el tamaño de un texto, cuando quieren que este se vea pequeño, pero para eso se debe definir un tamaño mediante CSS no utilizando esta etiqueta.

Conclusión

Existen muchos casos de etiquetas que son utilizadas de manera errónea, muchos pueden abogar por el caso diciendo que lo que importa al final es el producto, pero ¿No te sentirías mejor si tu producto ofrecería también calidad en el código?, para qué utilizar etiquetas en algo que no es su función si ya existe otra que si fue hecha para eso.

No nos olvidemos de investigar antes de actuar, si tenemos una duda sobre la función de una etiqueta o queremos saber si la que estamos usando para una tarea es la correcta, debemos sentarnos y leer un poco antes de codificar. Se que suena a más trabajo pero al final es la única forma de eliminar esos malos hábitos que hemos adquirido con el tiempo.

Publicado el 07/10/2011, última actualización 07/10/2011.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño Paginas Web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras