Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML.

Presentación del tema: "Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML."— Transcripción de la presentación:

1 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML

2 Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML 1. IntroducciónIntroducción 2. Restricciones básicasRestricciones básicas

3 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 1. Introducción Lenguaje HTML HTML es el lenguaje con el que se escriben la mayoría de las páginas en Internet. El lenguaje HTML es un estándar y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium (W3C) cuya página oficial es: http://www.w3.org/ 1.1. Introducción

4 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Un poco de historia Fecha de inicio: 1980 Creadores: Tim Berners-Lee y Robert Cailliau Primer estandar oficial: HTML 2.0 (1993) Última versión: HTML 4.01 (1999) Nota: Ya existe borrador de HTML 5.0 1.1. Introducción

5 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno HTML, CSS y XHTML Originalmente, las páginas HTML sólo incluían información sobre sus contenidos. Posteriormente las páginas empezaron a incluir información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes. Más tarde aparecen tecnologías como JavaScript, provocando que las páginas HTML también incluyeran código de aplicaciones 1.1. Introducción

6 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. CSS es un mecanismo que describe cómo se van a presentar los contenidos. Permite extraer el diseño de las páginas HTML. XHTML se crea para eliminar por completo la parte de diseño de HTML 1.1. Introducción

7 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno En definitiva, utilizando exclusivamente XHTML se crean páginas web "feas" pero correctas. Aplicando CSS, se pueden crear páginas "bonitas" a partir de las páginas XHTML correctas. 1.1. Introducción

8 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno El lenguaje XHTML es muy similar al lenguaje HTML HTML y XHTML tienen raíces comunes 1.1. Introducción

9 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Tanto HTML como XHTML están en desarrollo constante. La asociación W3C aparcó la estandarización de HTML para dedicarse a XHTML. Las empresas Apple, Mozilla y Opera crean una asociación (WHATWG) para el desarrollo de HTML 5. W3C se ve obligada a seguir trabajando en HTML. 1.1. Introducción

10 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Actualmente, entre HTML 4.01 y XHTML 1.0, la mayoría de diseñadores escogen XHTML. En un futuro cercano, si los diseñadores deben elegir entre HTML 5 y XHTML 1.1 o XHTML 2.0, quizás la elección sea diferente. 1.1. Introducción

11 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 2. Restricciones básicas de XHTML El lenguaje HTML original era muy permisivo en su sintaxis (mayúsculas, comillas, cierre de etiquetas, La flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado es un código difícil de mantener y muy poco profesional. Afortunadamente, XHTML soluciona estos problemas añadiendo ciertas normas 1.1. Introducción

12 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Cinco restricciones básicas: 1)Las etiquetas se tienen que cerrar de acuerdo a como se abren. Ejemplo correcto en XHTML: Este es un párrafo con un enlace Ejemplo incorrecto en XHTML (pero correcto en HTML): Este es un párrafo con un enlace 1.1. Introducción

13 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 2) Los nombres de las etiquetas y atributos siempre se escriben en minúsculas: Ejemplo correcto en XHTML: Estees un párrafo con un enlace Ejemplo incorrecto en XHTML (pero correcto en HTML): Este es un párrafo con un enlace 1.1. Introducción

14 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 3) El valor de los atributos siempre se encierra con comillas: Ejemplo correcto en XHTML: Este es un párrafo con un enlace Ejemplo incorrecto en XHTML (pero correcto en HTML): Este es un párrafo con un enlace 1.1. Introducción

15 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 4) Los atributos no se pueden comprimir: Ejemplo correcto en XHTML:... Ejemplo incorrecto en XHTML (pero correcto en HTML):... 1.1. Introducción

16 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 5) Todas las etiquetas deben cerrarse siempre: En HTML existen etiquetas llamadas vacías, no encierran elementos, como por ejemplo. En XHTML esta etiqueta también debe cerrarse, aunque permite hacerlo de una forma abreviada 1.1. Introducción

17 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Además de estas cinco restricciones básicas, XHTML incluye otros cambios más avanzados respecto a HTML: 1. Se eliminan todos los espacios en blanco que se encuentran antes y después del valor de un atributo. 2. el código JavaScript debe encerrarse entre unas etiquetas especiales 3. Desaparece el atributo name. En su lugar debe utilizarse el atributo id. 1.1. Introducción

18 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno 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. 1.1. Introducción

19 Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno ¿Cómo comprobar si mi código XHTML es correcto? En el organismo oficial W3C: http://validator.w3.org/#validate_by_upload+with_options 1.1. Introducción