Introducción a HTML, XHTML y CSS
Jesús Arias Fisteus
Norberto Fernández García
1.
Introducción a HTML y XHTML
Para poder publicar la información y distribuirla globalmente, se necesita un lenguaje
universalmente entendible por las máquinas. Este lenguaje es, en la World Wide Web,
HTML (HyperText Markup Language), considerando todas sus versiones y variantes, como
XHTML.
HTML y XHTML permiten:
Publicar documentos.
Acceder a documentos cargándolos directamente en el navegador o, simplemente,
activando en otros documentos hiperenlaces que apunten a él.
Rellenar formularios con información que es enviada al servidor, para que este la
procese y realice cierta tarea con ella.
Incluir objetos multimedia (vídeos, imágenes, sonidos, animaciones, etc.) en los do-
cumentos.
1.1.
Introducción a HTML
HTML fue desarrollado inicialmente por Tim Berners-Lee en el CERN (Centro Euro-
peo de Investigación Nuclear). La aparición del primer navegador, Mosaic, desarrollado
en el NCSA (Centro Nacional de Aplicaciones de Supercomputación en EE.UU.) contri-
buyó a la rápida popularización de esta nueva tecnología, y esa popularidad motivó un
rápido desarrollo de la misma. Así, en noviembre de 1995 apareció el primer estándar
HTML, llamado HTML 2.0, desarrollado bajo el auspicio del IETF y recogido en la RFC
1866. La siguiente versión de la especificación sería ya HTML 3.2 (las anteriores como
HTML 3.0 no fueron sino meros borradores), aparecida en enero de 1997. Finalmente,
en diciembre de ese mismo año apareció una nueva versión, llamada HTML 4, que fue
revisada en abril de 1998 y ligeramente modificada en diciembre de 1999, dando lugar a
la versión HTML 4.01.
Los principales aportes de la versión 4 de la especificación con respecto a las versiones
previas fueron:
Aparición de los mecanismos para asociar información de estilo.
Scripts, marcos y objetos.
Mejoras en los formularios.
1
Mejoras en aspectos de internacionalización y accesibilidad.
Actualmente se está desarrollando una nueva especificación, llamada HTML5, en el
ámbito del W3C. Esta especificación supone una actualización de HTML 4.01, y propor-
cionará también una sintaxis XML que se llamará XHTML5.
1.2.
Introducción a XHTML
XHTML es una redefinición de HTML 4 con sintaxis XML. A pesar de tener distinto
nombre, conserva la mayoría de los elementos y atributos de HTML. En la sección ??
se comentan en detalle las diferencias existentes entre HTML 4 y XHTML. Las más
destacables están en la ausencia de elementos y atributos relacionados con estilo (tipos de
letra, colores, etc.), que ya en HTML 4 están desaconsejados, y en la existencia de unas
normas más estrictas en la colocación de etiquetas de elementos.
En cuanto a los motivos por los que se vio la necesidad de redefinir HTML 4 como
aplicación XML, se pueden citar los siguientes:
En XHTML se refuerza la separación entre contenido y presentación, eliminando de
la especificación aquellos elementos y atributos relacionados con el estilo. Esto tiene
la ventaja de facilitar el cambio de la información de presentación para adaptarla
a las características del dispositivos de salida concreto (asistente digital, teléfono
móvil, ordenador, televisor, etc.)
Dado que los documentos XHTML son un tipo de documentos XML, todas las
herramientas disponibles para trabajar con XML se pueden emplear también con
XHTML.
En XHTML existen reglas estrictas acerca del formato que debe tener un documento.
Estás reglas se refieren por un lado a la buena formación del documento (establecen
por ejemplo que todo elemento debe cerrarse adecuadamente) y por otro a la validez
del mismo (indicando por ejemplo que dentro de un elemento <html> sólo puede
haber un <body>). Todo documento XHTML, para ser tal, debe cumplir estas re-
glas, y el hecho de que las cumpla facilita su procesado automatizado por parte de
aplicaciones.
Modularización: en ?? se ve que existen distintas versiones de XHTML, y que, a
partir de la versión 1.1, se inicia un proceso de modularización de la especificación.
Este proceso permitirá que los dispositivos de capacidades reducidas implementen
únicamente ciertas partes de la especificación, y que los desarrolladores web puedan
adaptar mejor sus documentos a los dispositivos en los que se van a visualizar.
Asimismo la modularización permitirá la extensión de XHTML sin rehacer de nuevo
la especificación, añadiendo nuevos módulos aprovechando al máximo la capacidad
de extensibilidad de XML.
1.3. Versiones de XHTML
Actualmente, existen varias versiones de XHTML:
XHTML 1.0 [?] el más parecido a HTML 4, con tres variantes:
2
Transitional permite el uso de las capacidades de presentación de HTML y está pen-
sado para trabajar con navegadores con soporte de CSS limitado.
Strict no se permite el uso de los elementos y atributos relacionados con aspectos
de presentación. Pensado para ser usado con hojas de estilo CSS.
Frameset permite el uso de marcos (frames) para dividir la ventana del navegador.
XHTML 1.1 [?] nueva versión, que parte de XHTML 1.0 strict. No permite el uso de
elementos y atributos relacionados con el estilo (pero sí, obviamente, hojas de estilo,
como CSS). Se introduce el concepto de modularización.
XHTML Basic 1.0 y 1.1 [?] versiones simplificadas de XHTML 1.1 pensadas para dis-
positivos de capacidades más limitadas de procesado y presentación, como televiso-
res, teléfonos, móviles, PDAs, etc.
XHTML 2.0 [?] se encuentra actualmente, y desde hace años, en proceso de estandari-
zación (Working Draft) por parte del W3C (World Wide Web Consortium). Retoma
la línea iniciada con XHTML 1.1 de modularizar XHTML, añadiendo nuevos módu-
los como XML Events y XForms. Estos módulos nacen con el objetivo de minimizar
el uso de scripts dentro de documentos XHTML mediante la inclusión, como parte
del propio lenguaje, de los medios necesarios para implementar las funcionalidades
más importantes que requerían el uso de dichos scripts (eventos y formularios). Es
probable que esta especificación desaparezca en favor de HTML5.
1.4. Código XHTML de ejemplo
A continuación se muestra un ejemplo sencillo de documento XHTML 1.1:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mi primera página XHTML</title>
</head>
<body>
<h1>Hola Mundo!</h1>
</body>
</html>
En el ejemplo cabe destacar que los documentos XML deben comenzar con la instruc-
ción especial <?xml ... ?>, que indica a qué versión de XML es conforme el documento,
y cuál es el sistema de codificación de caracteres que emplea (por defecto, si no se indica,
es UTF-8). Esta instrucción debe necesariamente ser la primera línea del documento, no
pudiendo haber ningún carácter inmediatamente antes del < inicial. A continuación se
declara a qué versión de XHTML es conforme el documento, en este caso XHTML 1.1.
3
1.5. Diferencias entre HTML 4 y XHTML
Como ya se ha indicado, XHTML no es más que una redefinición de HTML 4 como
aplicación XML. Como consecuencia de este hecho la semántica de los elementos y atribu-
tos de XHTML es exactamente la misma que en HTML 4. Existen sin embargo pequeñas
diferencias entre los dos lenguajes de hipertexto, las principales de las cuales son:
Los nombres de elementos y atributos deben escribirse en minúscula en los docu-
mentos XHTML, mientras que en HTML 4 es posible escribirlos en minúscula o
mayúscula.
Los valores de los atributos deben escribirse entre comillas (“ o ’) en XHTML. No
son válidas construcciones del tipo <font color=red> que sí lo son en HTML 4.
Todos los elementos tienen marca de inicio o finalización (o elemento vacío). Por
ejemplo: <br />, <p></p>. No son válidas construcciones del tipo
<br> o <ul> <li>A <li>B </ul>.
La anidación de elementos debe ser correcta. No son válidas construcciones del tipo
<i><b></i></b>
Los elementos y atributos utilizados para especificar preferencias en cuanto al estilo
de la información (como por ejemplo <font> o el atributo bgcolor) desaparecen.
Las características de presentación se establecen ahora mediante el uso de lenguajes
específicos como CSS.
El atributo id sustituye al atributo name en: a, applet, frame, iframe, img y map.
Es obligatorio añadir al comienzo del documento XHTML una declaración DOCTY-
PE que referencia al DTD (Definición de Tipo de Documento) donde se indican las
reglas de construcción del documento (como por ejemplo, qué elementos y atributos
son válidos y dónde puede aparecer cada uno). Ese DTD será específico de cada
versión de XHTML.
2. Componentes básicos de un documento (X)HTML
2.1. Elementos
Un documento HTML está formado por una jerarquía de elementos y texto. Cada
elemento puede contener, a su vez, otros elementos y texto. Un elemento está delimitado
por marcas (tags), que pueden ser de tres tipos:
Marcas de inicio de elemento: contienen el nombre del elemento y sus atributos. Por
ejemplo: <table width="300">.
Marcas de fin de elemento: contienen sólo el nombre del elemento. Por ejemplo:
</table>.
Marcas de elemento vacío: útil cuando un elemento no tiene contenido. Por ejem-
plo: <br />. Es equivalente a <br></br>. Estas marcas también pueden contener
declaración de atributos.
4
El contenido de un elemento es la porción del documento que se encuentra entre su marca
de inicio y su marca de fin. El tipo de contenido de cada elemento está especificado, y
debería ser respetado. Por ejemplo, el elemento html debería contener, en este orden, un
elemento head y un elemento body. Existen dos tipos básicos de elementos, por su forma de
ser representados: elementos de bloque (block ) y elementos en línea (inline). Los primeros
siempre son representados comenzando una nueva línea (por ejemplo: párrafos, tablas,
listas, etc.) Los
Crear cuenta
Comentarios de: Introducción a HTML, XHTML y CSS (0)
No hay comentarios