Lenguaje XHTML

Lenguaje XHTML

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

Lenguaje XHTML 1. Introduccin

2. Restricciones bsicas

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

1. Introduccin
Lenguaje HTML HTML es el lenguaje con el que se escriben la mayora de las pginas en Internet.

El lenguaje HTML es un estndar y cuyas normas define un organismo sin nimo de lucro llamado World Wide Web Consortium (W3C) cuya pgina oficial es:
http://www.w3.org/
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Un poco de historia Fecha de inicio: 1980 Creadores: Tim Berners-Lee y Robert Cailliau Primer estandar oficial: HTML 2.0 (1993) ltima versin: HTML 4.01 (1999)
Nota: Ya existe borrador de HTML 5.0
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

HTML, CSS y XHTML

Originalmente, las pginas HTML slo incluan informacin sobre sus contenidos. Posteriormente las pginas empezaron a incluir informacin sobre el aspecto de sus contenidos: tipos de letra, colores y mrgenes. Ms tarde aparecen tecnologas como JavaScript, provocando que las pginas HTML tambin incluyeran cdigo de aplicaciones

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Incluir en una misma pgina HTML los contenidos, el diseo y la programacin complica en exceso su mantenimiento. CSS es un mecanismo que describe cmo se van a presentar los contenidos. Permite extraer el diseo de las pginas HTML.

XHTML se crea para eliminar por completo la parte de diseo de HTML

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

En definitiva, utilizando exclusivamente XHTML se crean pginas web "feas" pero correctas. Aplicando CSS, se pueden crear pginas "bonitas" a partir de las pginas XHTML correctas.

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

El lenguaje XHTML es muy similar al lenguaje HTML HTML y XHTML tienen races comunes
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Tanto HTML desarrollo constante.

como

XHTML

estn

en

La asociacin W3C aparc la estandarizacin de HTML para dedicarse a XHTML. Las empresas Apple, Mozilla y Opera crean una asociacin (WHATWG) para el desarrollo de HTML 5. W3C se ve obligada a seguir trabajando en HTML.
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Actualmente, entre HTML 4.01 y XHTML 1.0, la mayora de diseadores escogen XHTML. En un futuro cercano, si los diseadores deben elegir entre HTML 5 y XHTML 1.1 o XHTML 2.0, quizs la eleccin sea diferente.

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

2. Restricciones bsicas de XHTML El lenguaje HTML original era muy permisivo en su sintaxis (maysculas, comillas, cierre de etiquetas, La flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado es un cdigo difcil de mantener y muy poco profesional. Afortunadamente, XHTML soluciona estos problemas aadiendo ciertas normas
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Cinco restricciones bsicas: 1) Las etiquetas se tienen que cerrar de acuerdo a como se abren. Ejemplo correcto en XHTML: <p>Este es un prrafo con <a>un enlace</a></p> Ejemplo incorrecto en XHTML (pero correcto en HTML): <p>Este es un prrafo con <a>un enlace</p></a>
Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

2) Los nombres de las etiquetas y atributos siempre se escriben en minsculas: Ejemplo correcto en XHTML: <p>Estees un prrafo con <a href="http://www.google.com">un enlace</a></p> Ejemplo incorrecto en XHTML (pero correcto en HTML): <P>Este es un prrafo con <A HREF="http://www.google.com">un enlace</A></P>

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

3) El valor de los atributos siempre se encierra con comillas: Ejemplo correcto en XHTML: <p>Este es un prrafo con href="http://www.google.com">un enlace</a></p> Ejemplo incorrecto en XHTML (pero correcto en HTML): <p>Este es un prrafo con <a href=http://www.google.com>un enlace</a></p>
Raquel Gil IES Gonzalo Nazareno

<a

Lenguaje XHTML

1.1. Introduccin

4) Los atributos no se pueden comprimir: Ejemplo correcto en XHTML: <dl compact="compact">...</dl> Ejemplo incorrecto en XHTML (pero correcto en HTML): <dl compact>...</dl>

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

5) Todas las etiquetas deben cerrarse siempre: En HTML existen etiquetas llamadas vacas, no encierran elementos, como por ejemplo <br>. En XHTML esta etiqueta tambin debe cerrarse, aunque permite hacerlo de una forma abreviada <br/>

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Adems de estas cinco restricciones bsicas, XHTML incluye otros cambios ms avanzados respecto a HTML: 1. Se eliminan todos los espacios en blanco que se encuentran antes y despus del valor de un atributo.

2. el cdigo JavaScript debe encerrarse entre unas etiquetas especiales

3. Desaparece el atributo name. En su lugar debe utilizarse el atributo id.

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Existen tres tipos de XHTML:

XHTML 1.0 Strict is the equivalent to strict HTML 4.01, and includes elements and attributes that have not been marked deprecated in the HTML 4.01 specification. XHTML 1.0 Transitional is the equivalent of HTML 4.01 Transitional, and includes the presentational elements (such as center, font and strike) excluded from the strict version.
XHTML 1.0 Frameset is the equivalent of HTML 4.01 Frameset, and allows for the definition of frameset documents.

Raquel Gil IES Gonzalo Nazareno

Lenguaje XHTML

1.1. Introduccin

Cmo comprobar si mi cdigo XHTML es correcto?

En el organismo oficial W3C:

http://validator.w3.org/#validate_by_upload+with_options

Raquel Gil IES Gonzalo Nazareno