comparte el articulo 

Como se deben utilizar los lenguajes HTML y XHTML

Actualizado el 04/10/2013 < > 0 Comentarios

Resumen: Consejos útiles para una mejor utilización de los lenguajes HTML y XHTML.

A pesar de que todos conocen cuáles son las mejores formas de utilizar los lenguajes HTML y XHTML, todavía puede verse algunos códigos que emplean técnicas desfasadas. Un código limpio y bien escrito, no solo resulta útil para que los buscadores no encuentren dificultades para indexar los contenidos de la página, sino que también son una carta de presentación y una satisfacción personal.

Declaración del tipo de documento (codtype)

Este primer consejo parece una obviedad, pero es frecuente encontrarse con que no siempre se utiliza el doctype adecuado. El navegador comienza a leer el código desde la primera línea, en la que se encontrará con la declaración del tipo de documento que se trata, por lo que leerá las etiquetas con que se encuentre en base a ello.

En el siguiente artículo, encontrarán todo lo que necesitan saber acerca de la declaración de tipo de documento:

HTML – XHTML Doctype o versión del documento de una página web

Determinar el juego de caracteres

El contenido de una página web es una sucesión de caracteres. Todos los idiomas tienen caracteres que son especiales y los navegadores deben poder identificarlos para presentarlos en forma correcta. Muchas veces hemos podido ver que cuando se determina mal la codificación de caracteres, la letra “ñ” y las sílabas acentuadas (“á”, “é”, “í”, “ó” y “ú”) aparecen como símbolos. Para evitar que este tipo de errores suceda, debemos declarar correctamente el juego de caracteres que utilizaremos.

Mantener la estructura básica de una web

Este consejo también parece obvio, pero se debe prestar especial atención a la forma en que se estructura una página web. Algunos errores frecuentes, es olvidar el cierre de algunas de las etiquetas elementales, que no siempre es notado porque los navegadores pueden dejar de lado estos errores y presentar la página en forma correcta, pero seguramente estos códigos no pasarán la validación y sencillamente se trata de un código mal escrito.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Mi página web</title>
</head>
<body>
Contenido de la página
</body>
</html>

Inclusión y elección del título de la página

Cuando recién nos iniciamos en el mundo del diseño de páginas web, otorgamos un valor secundario al título de la misma. El título es aquello que se coloca entre las etiquetas “<title>” y “</title>”, y es lo que utilizan los buscadores para indexar la página (es decir, indexar bajo el nombre de:…), pero también es lo que utilizan los visitantes para identificar la página dentro de los millones existentes. Resulta de vital importancia la elección de un buen título para cualquier emprendimiento web.

Escribir las etiquetas en minúsculas

A pesar de que en HTML se pueden escribir las etiquetas tanto en minúsculas como en mayúsculas, debemos tener en cuenta que en XHTML esto no es correcto al igual que en XML, por lo que el pasaje de la escritura de un código al otro se simplifica mucho si tenemos la constancia de escribir siempre las etiquetas con minúsculas.

No olvidar el cierre de las etiquetas

Algo que ya hemos explicado más arriba y representa un error, es olvidar el cierre de las etiquetas. Esto puede pasar desapercibido en algunos casos, ya que cuando no se produce el cierre de una etiqueta que no puede tener elementos del mismo tipo anidados, cuando aparece otra etiqueta de apertura del mismo tipo, interpreta que la anterior fue cerrada.

Sin embargo, cuando se trata de etiquetas que pueden contener elementos del mismo tipo anidados, los navegadores simplemente entienden que dicha etiqueta continúa abierta. Además de producir dificultades y errores en la maquetación de la página, se trata de errores en el uso del lenguaje, por lo que el código no pasará la validación.

Separar la presentación mediante el uso de CSS

La utilización de etiquetas como <Font>, <b>, <i>, <u>, etc., son cosa del pasado. En la actualidad está casi desterrada la inclusión de elementos pertenecientes a la presentación dentro del código HTML o XHTML. La única excepción es cuando se utiliza “style”, pero aún ello es desaconsejado en la mayoría de los casos, ya que pueden utilizarse identificadores o clases para determinar la presentación del elemento fuera del código HTML o XHMTL.

Si se va un poco más lejos, la inclusión del CSS en la cabecera (head) del documento HTML también resulta inconveniente, ya que produce un código muy extenso en las primeras líneas del código y por consiguiente, de carga más lenta. Siempre es mejor utilizar archivos separados para la inclusión del CSS.

Alinear mediante el uso de CSS

Es cierto que la maquetación de páginas web es algo compleja, y que no siempre resulta sencillo hacer que los diferentes elementos que componen la página se comporten como uno quiere, pero utilizar “center”, “align”, crear márgenes con “&nbsp;”, son prácticas incorrectas. Para ello existen atributos CSS que, utilizándolos en forma correcta, nos dan los resultados requeridos.

Utilización de listas

En el artículo “10 consejos útiles para hacer un mejor código” hemos hablado del abuso de la utilización de algunas etiquetas. En este caso, vamos a hablar de etiquetas que son poco utilizadas, sobre todo por los diseñadores nóveles. Se trata de las etiquetas <ul> y <ol>. No solo sirven para presentar listas en el contenido, sino que son muy útiles para que con la aplicación de CSS, se puede realizar menús de navegación, botones, pestañas, tablas, y muchas más cosas.

Declarar correctamente los scripts

Se trata de un error frecuente, generalmente debido a que se copian scripts algo viejos, que no tienen la sintaxis actualizada. Cuando se va a declarar un script se debe utilizar dentro de la misma la palabra “type” y no “language”, que es la forma arcaica de hacerlo:

<script type="text/javascript">

Utilizar correctamente los encabezados <h1>, <h2>, etc.

Es frecuente ver a principiantes utilizar estas etiquetas como forma de modificar la presentación de las fuentes. Por ejemplo, cuando se requiere de una fuente de mayor tamaño que la normal, se agrega texto utilizando una de estas etiquetas. Esto es absolutamente incorrecto.

Cada una de estas etiquetas definen un título de texto o encabezado de primer nivel, segundo nivel, etc., para ordenar en forma adecuada el contenido textual de una página web. Para la presentación de los mismos, siempre debe utilizarse CSS.

Conocer todas las etiquetas HTML y XHTML

Es frecuente encontrarse con diseñadores, aún los experimentados, que no conocen todas las etiquetas HTML o todo el potencial que poseen. <abbr>, <acronym>, <address>, <bdo>, <cite>, <code>, <del>, <dfn>, <ins>, <kbd>, <q>, <samp> o <var>, son etiquetas HTML. En algunos casos su utilización podría ser obviada, pero cuando se las emplea, el código queda más claro para quien lo lee.

Publicado el 27/12/2010, última actualización 04/10/2013.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Andrés Fernández

URL: LaWebera.es :: Diseño Web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras