Diseño de sitios web +

XHTML
XHTML, acrónimo inglés de eXtensible Hypertext Markup Language (lenguaje extensible de
marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar
para las páginas web. XHTML es la versión XML de HTML, por lo que tiene, básicamente, las
mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo
es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica,
donde la información, y la forma de presentarla estén claramente separadas. En este
sentido, XHTML serviría únicamente para transmitir la información que contiene un documento,
dejando para hojas de estilo (como las hojas de estilo en cascada) y JavaScript su aspecto y
diseño en distintos medios (ordenadores, PDAs, teléfonos móviles, impresoras...).

Ventajas
Las principales ventajas del XHTML sobre otros formatos son:
- Compatibilidad parcial con navegadores antiguos: la información se visualiza, aunque sin
formato.
- Un mismo documento puede adoptar diseños radicalmente distintos en diferentes aparatos,
pudiendo incluso escogerse entre varios diseños para un mismo medio.
- Facilidad de edición directa del código y de mantenimiento.
- Formato abierto, compatible con los nuevos estándares que actualmente está desarrollando
el W3C como recomendación para futuros agentes de usuario o navegadores.
- Los documentos escritos conforme a XHTML 1.0 pueden potencialmente presentar mejor
rendimiento en las actuales herramientas web que aquellos escritos conforme a HTML.

Inconvenientes
·Algunos navegadores antiguos no son totalmente compatibles con los estándares, lo que hace
que las páginas no siempre se muestren correctamente. Esto cada vez es menos problemático,
al ir cayendo en desuso.
·Muchas herramientas de diseño web aún no producen código XHTML correcto.

Diferencias entre HTML y XHTML

Al ser XML, se exige:
- Incluir siempre la etiqueta "doctype" apropiada.
- Todas las etiquetas deben cerrarse, aunque sea poniendo una barra "/", como, por ejemplo:
<br> pasa a ser <br />.
- No se permite abreviar los atributos, por lo que todos los atributos deben tener un valor y este
debe de estar entrecomillado.
Diseño de sitios web +

- El código es sensible a mayúsculas y minúsculas. Los nombres y atributos de todas las etiquetas
deben estar escritos en minúsculas.

El objetivo del World Wide Web Consortium es lograr una web semántica,
donde la información, y la forma de presentarla estén claramente
separadas.

Para cumplir con este objetivo se desaprueba el uso de elementos y atributos

de formato a favor de utilizar hojas de estilo en cascada.

Hojas de estilo en cascada

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado
para definir la presentación de un documento estructurado escrito en HTML o XML (y por
extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la
especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o
navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento
de su presentación.

Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un encabezamiento
y que es más importante que un bloque etiquetado como <H2>. Versiones más antiguas de
HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color
o el tamaño de fuente). No obstante, cada una de las etiquetas <H1> debían disponer de esa
información si se deseaba un diseño consistente para una página, y además, la persona que
leía esa página con un navegador perdía totalmente el control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <H1> no debe proporcionar información sobre como va a ser
visualizada. Solamente marca la estructura semántica del documento. La información de estilo,
separada en una hoja de estilo, especifica como se ha de mostrar <H1> : color, fuente, alineación
del texto, tamaño, y otras características no visuales como definir el volumen de un sintetizador
de voz, por ejemplo.

Las ventajas de utilizar CSS son:

- Control centralizado de la presentación de un sitio web completo, con lo que se agiliza de
forma considerable la actualización del mismo.
- Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será
aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. Por
ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para
aumentar el tamaño del texto o remarcar más los enlaces.
Diseño de sitios web +

- Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre
o incluso a elección del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo
móvil, o ser "leída" por un sintetizador de voz.
- El documento HTML en sí mismo es más claro de entender y se consigue reducir
considerablemente su tamaño.

xhtml

css

servidor navegador del usuario