HTML & XHTML: Tips y conocimientos escenciales.
Escrito por Ricardo Pedraza Domingo, 07 de Febrero de 2010 23:41
Como diseñadores gráficos, muchas veces nos encontramos con la necesidad de realizar sitios web, y para poder lograrlo hacemos uso de HTML o XHTML, lo sepamos o no. Por lo cual, en este artículo te ofrecemos una idea general de qué significan estos términos y algunas de sus particularidades.
HTML es un lenguaje de marcación de hipertexto (Hyper Text Markup Language) con características específicas. Un archivo HTML es un texto que contiene pequeñas etiquetas de marcación; estas etiquetas le indican al navegador cómo mostrar la página. El archivo debe tener una extensión de .htm o .html (antes era más común el uso de .htm debido a que Windows no podía leer aquellos que su extensión contuviera más de tres caracteres; hoy en día se aconseja hacer uso de .html por recomendación del W3C -Consorcio World Wide Web- ) Además, puede ser creado usando cualquier editor de texto (como pueden ser Word o Notepad de Windows) Cada elemento en una página web está conformado por etiquetas que le indican al navegador en qué consisten. Por citar un ejemplo: una etiqueta de párrafo ( <p> ) nos señala que el elemento dentro de ellas es un párrafo, mientras que una de encabezado ( <h1> ) nos indica la presencia de un título.
Como ya mencionamos, las etiquetas son utilizadas para marcar elementos dentro del HTML; están rodeadas de los caracteres “<” y “>” los cuales son conocidos como brackets angulares y generalmente se colocan en pares, como es el caso de <p> y </p> para párrafo. La primera etiqueta es la que indica el principio, mientras que la segunda marca el cierre, el texto dentro de éstas es el contenido. Las etiquetas no son sensibles al uso de mayúsculas, por lo que <b> significa lo mismo que <B> (vale la pena notar que el W3C recomienda el uso de minúsculas en las etiquetas como parte de su proyecto de estandarización de la web, y en XHTML no está permitido el uso de mayúsculas para las etiquetas).
Actualmente el HTML se encuentra en su versión 4.5, que a diferencia del 3.2 no permite que se le dé formato a la página directamente con etiquetas HTML, sino que separa lo que es el contenido de la presentación. La principal ventaja de esto es que al tener la presentación en un documento aparte, se puede cambiar el cómo se ve toda una página web (sin importar el número de secciones que tenga) con sólo modificar un archivo. Hay tres tipos de HTML:
• Transicional: en este tipo de HTML se permite el uso de etiquetas que ya han sido catalogadas como obsoletas, es comprensivo y es útil para que principiantes practiquen y hagan un uso correcto de las etiquetas y formato HTML.
• Estricto: no permite el uso de ningún tipo de etiqueta obsoleta, además requiere que todas las etiquetas sean cerradas para que se pueda desplegar y es utilizado por personas más experimentadas.
• Frameset: Tiene las mismas características que el transicional, la diferencia radica en que hace uso de frames para la diagramación del sitio. Las páginas hechas con frames tienen la principal ventaja de que el archivo principal está compuesto por una serie de subarchivos, por ejemplo: la cabecera y el menú son archivos externos que al ser modificados cambian en todo el sitio. Aunque en principio el uso de frames parece ser el más cómodo, tiene la desventaja de que no se guardan correctamente en las opciones de “favoritos” y no todos los navegadores pueden verlos.
Por otro lado, tenemos el XHTML (eXtensible HyperText Markup Language). El XHTML es casi idéntico al HTML, sólo que exige una mayor limpieza y correcta estructuración del código, e interactúa con aplicaciones XML (eXtensible Markup Language). Desde enero del 2000, se convirtió en una recomendación del W3C, y gradualmente busca reemplazar al HTML. En adición a que todos los nuevos navegadores lo soportan, es compatible con los antiguos navegadores y con el HTML 4.01. Es una reformulación del HTML y contiene una sintaxis más estricta, lo que permite menos errores a la hora de estructurar el código.
Además, el XHTML es una combinación de HTML y XML, por lo que contiene todos los elementos del HTML pero con la sintaxis del XML, que es un formato de transmisión de datos cuya sintaxis tiene que ser muy precisa. La combinación de estas características hace que este formato no sólo sirva ahora, sino que también en el futuro. El XHTML puede ser leído por todos los dispositivos que tengan habilitado XML (como son PDA´s y celulares) y por todos los navegadores que han existido. Las principales diferencias con el HTML son:
• Los elementos del XHTML deben ser anidados correctamente.
• Los elementos del XHTML siempre deben de ir cerrados.
• Los elementos del XHTML deben ir en minúsculas.
• Los elementos del XHTML deben tener sólo un elemento de raíz.
El XHTML tiene los mismos tipos de formato con las mismas características que en el HTML: estricto, transicional y frameset.
RSS feed Comments
