XHTML Lenguaje de Marcas HiperTexto Extensible

1
XHTMLLenguaje de Marcas HiperTexto Extensible
Departamento de Ingeniería Telemática Universidad
Carlos III de Madrid
Jesús Arias Fisteus
2
Índice

• Introducción
• XHTML 1.0
• Estructura documento
• Tipos de documentos
• XHTML 1.1
• XHTML Basic

3
Qué es XHTML?

• eXtensible HyperText Markup Language
• Es una combinación de HTML y XML
• Una familia de tipos de documentos (XML) y de
  módulos que reproducen, reducen y extienden HTML
  4, representables en un agente de usuario de XML.
• Tipos de documentos actuales del W3C
• XHTML 1.0 (strict, frameset y transitional)
• XHTML 1.1
• XHTML Basic

4
por qué XHTML?

• XML
• es un lenguaje de marcado produce documentos
  bien formados
• Se diseñó para describir datos
• HTML
• Soporta documentos mal formados
• Diseñado para mostrar datos
• Existen buscadores de internet para PCs y
  dispositivos limitados
• No tienen la potencia y recursos para
  interpretar documentos mal formados
• Combinación de ambos lenguajes XHTML

5
Familia de documentos XHTML
Modularización
XML
SGML
6
XHTML 1.0

• Reformulación de HTML en XML
• Mantiene la semántica de HTML, cambia la sintaxis
• Tres tipos de documentos strict, frameset y
  transitional
• Compatible con aplicaciones XML y con navegadores
  HTML 4

7
Diferencias XHTML 1.0 / HTML 4

• Los documentos deben estar bien formados
• Elementos correctamente anidados
• Cada elemento no vacío debe tener marca de
  finalización
• Los elementos de contenido vacío deben tener o
  marca de finalización o marca de elemento vacío
• Los valores de los atributos deben estar
  entrecomillados siempre
• No se permite la minimización de atributos

8
Diferencias XHTML 1.0 / HTML 4

• Otras diferencias
• Nombres de elementos y atributos en minúsculas
• Gestión de espacios en blanco en el valor de
  atributos
• Elementos script y style uso de secciones CDATA
• No hay exclusiones de SGML
• Atributos id y name en algunos elementos

9
Diferencias XHTML 1.0 / HTML 4
lt?xml version1.0?gt lt!DOCTYPE xhtml PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN
"DTD/xhtml1-strict.dtd"gt lthtml
xmlnshttp//www.w3.org/1999/xhtmlgt ltheadgt
lttitlegtEjemplolt/titlegt lt/headgt ltbodygt ltpgt
Ejemplo de conversión ltbr/gt con salto de línea.
lt/pgt ltpgt Segundo párrafo lt/pgt ltimg
srcimagen.gif alt1/gt lt/bodygt lt/htmlgt
ltHTMLgt ltHEADgt ltTITLEgtEjemplolt/TITLEgt lt/HEADgt ltBO
DYgt ltPgt Ejemplo de conversión ltBRgt con salto
de línea. ltPgt Segundo párrafo ltIMG
SRCimagen.gif alt1
gt lt/BODYgt lt/HTMLgt
10
Diferencias XHTML 1.0 / HTML 4
ltscript typetext/javascriptgt function
y(x)return 2x lt/scriptgt
ltscript typetext/javascriptgt lt!CDATAfunction
y(x)return 2xgt lt/scriptgt
lttable border1gt
lttable border1gt
ltdl compactcompactgt
ltdl compactgt
ltpgtpárrafo ltemgtresaltadolt/pgtlt/emgt
ltpgtpárrafo ltemgtresaltadolt/emgtlt/pgt
11
Estructura del documento

• XHTML Standard define un árbol de tipos del
  documento
• Hay tres tipos soportados
• Script
• Transactional ?más común
• Frameworks
• Estructura del documento
• the DOCTYPE (obligatorio)
• the Head
• the Body
• Estructura básica
• lt!DOCTYPE ...gt
• lthtmlgt
• ltheadgt
• lttitlegt... lt/titlegt
• lt/headgt ltbodygt
• ...
• lt/bodygt lt/htmlgt

12
Tipos de documentos

• Doctype define el tipo de documento
• XHTML 1.0 Script (hojas de estilo en cascada)
• XHTML 1.0 Transitional
• Aprovechar las ventajas de presentación de HTML y
  emplear buscadores que no soportan hojas de
  estilo en cascada
• XHTML 1.0 Frameset

lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http//www.it.uc3m.es/prof/xhtml1/DTD
/xhtml1-strict.dtd"gt
lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http//www.it.uc3m.es/prof/xhtm
l1/DTD/xhtml1-transitional.dtd"gt
lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Frameset//EN" "http//www.it.uc3m.es/prof/xhtml1/D
TD/xhtml1-frameset.dtd"gt
13
XHTML 1.0 Strict
lt?xml version"1.0" encoding"UTF-8"?gt lt!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "DTD/xhtml1-strict.dtd"gt lthtml
xmlns"http//www.w3.org/1999/xhtml"
xmllang"en" lang"en"gt ltheadgt
lttitlegtVirtual Librarylt/titlegt lt/headgt
ltbodygt ltpgtMoved to lta
href"http//vlib.org/"gtvlib.orglt/agt. lt/pgt
lt/bodygt lt/htmlgt
14
XHTML 1.0 Transitional
lt?xml version"1.0" encoding"UTF-8"?gt lt!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "DTD/xhtml1-transitional.dtd
"gt lthtml xmlns"http//www.w3.org/1999/xhtml"
xmllang"en" lang"en"gt ltheadgt
lttitlegtVirtual Librarylt/titlegt lt/headgt
ltbodygt ltpgtMoved to lta
href"http//vlib.org/"gtvlib.orglt/agt. lt/pgt
lt/bodygt lt/htmlgt
15
XHTML 1.0 Frameset
lt?xml version"1.0" encoding"UTF-8"?gt lt!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0
Frameset//EN" "DTD/xhtml1-frameset.dtd"gt lthtml
xmlns"http//www.w3.org/1999/xhtml"
xmllang"en" lang"en"gt ltheadgt
lttitlegtVirtual Librarylt/titlegt lt/headgt
ltframesetgt ltframe srcme.html /gt ltframe
srcyou.html /gt lt/framesetgt lt/htmlgt
16
Modularización de XHTML

• Descomposición de XHTML en un conjunto de módulos
  abstractos que proporcionan tipos específicos de
  funcionalidad.
• Implementable con DTDs y XML Schemas
• Los módulos pueden ser combinados entre sí, y con
  nuevos módulos, para dar lugar a subconjuntos o
  extensiones de XHTML
• Especifica cómo un desarrollador puede definir
  nuevos módulos

17
Modularización ventajas

• Difusión del mismo contenido en diversas
  plataformas (PC, teléfono, PDA, TV, etc.)
• Definición de tipos de documento híbridos con
  otros tipos de documento XML (SVG, SMIL, MathML,
  etc.)
• Utilización de módulos abstractos
• Facilidad para diseñar nuevos módulos para
  aplicaciones específicas

18
Módulos de XHTML

• Módulos del núcleo
• Estructura
• Texto
• Hipertexto
• Listas
• Módulos de extensión de texto
• Presentación
• Edición
• Texto bidireccional

19
Módulos de XHTML

• Módulos de formularios
• Formularios básicos
• Formularios
• Módulos de tablas
• Tablas básicas
• Tablas
• Otros
• Imágenes
• Mapas de imágenes (cliente)

20
Módulos de XHTML

• Mapas de imágenes (servidor)
• Objetos
• Marcos (frames)
• Target
• Iframe
• Eventos intrínsecos
• Metainformación
• Scripts
• Hojas de estilo
• Atributo de estilo

21
Módulos de XHTML

• Link
• Base
• Módulos obsoletos
• Applet
• Nombrado
• Legacy

22
XHTML 1.1

• Reformulación de XHTML 1.0 Strict, en términos
  del estándar de modularización
• Elimina toda la funcionalidad obsoleta presente
  en XHTML 1.0 y HTML 4
• Base sólida para futuros tipos de documento XHTML

23
XHTML 1.1 módulos

• Imágenes
• Mapas de imagen (C)
• Mapas de imagen (S)
• Eventos intrínsecos
• Metainformación
• Scripts
• Hojas de estilo
• Atributo de estilo ()
• Link
• Base
• Anotaciones Ruby

• Estructura
• Texto
• Hipertexto
• Listas
• Object
• Presentación
• Edición
• Texto bidireccional
• Formularios
• Tablas

24
XHTML Basic

• Subconjunto de XHTML
• XHTML es apto para pequeños dispositivos
• HTML 4 es demasiado complejo diseñado para
  ordenadores potentes
• Estándar común frente a otras alternativas y
  subconjuntos no compatibles de HTML CHTML, WML,
  etc.
• Suficiente rico para la creación de contenido
  básico
• Extensible con módulos a las características de
  cada tipo de dispositivo

25
XHTML Basic módulos

• Estructura
• Texto
• Hipertexto
• Listas
• Formularios básicos
• Tablas básicas
• Imágenes
• Object
• Metainformación
• Link
• Base

26
XHTML Basic no incluye...

• Hojas de estilo con ltstylegt debe utilizarse
  ltlinkgt
• Scripts y eventos
• Módulo de presentación
• Formularios complejos
• Tablas complejas
• Frames

27
Otros tipos de documento

• XHTMLMathML
• XHTML1.0MathML2.0SVG1.1 (draft)
• XHTMLSMIL
• DVB-HTML
• WML2.0

28
XHTML1.0MathML2.0SVG1.1

• Permite integrar en un único documento, y con un
  único DTD etiquetas de los tres tipos de
  documentos
• Anidadas en cualquier profundidad
• Se pueden anidar en XHTML dentro de BODY
• Se pueden anidar en SVG en foreignObject

29
XHTML1.0MathML2.0SVG1.1
lt?xml version"1.0"?gt lt!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus
SVG 1.1//EN "http//www.w3.org/2002/04/xh
tml-math-svg/xhtml-math-svg.dtd"gt lthtml
xmlns"http//www.w3.org/1999/xhtml"
xmllang"en"gt ltheadgt lttitlegtXHTML as the
host languagelt/titlegt lt/headgt ltbodygt ...
XHTML content ... ltmath xmlns"http//www.w
3.org/1998/Math/MathML"gt ... MathML
content ... lt/mathgt ... XHTML
content ... ltsvgsvg version"1.1"
xmlns"http//www.w3.org/2000/svggt
... SVG content ... lt/svgsvggt
lt/bodygt lt/htmlgt
30
Futuro... XHTML 2.0

• Reutilización de facilidades de XML
• Menos presentación, más estructura
• Más accesibilidad
• Menos scripts
• Más utilizable
• Más independiente del dispositivo

31
Eventos en XHTML

• El W3C está en proceso de estandarización de
  XML-Events
• Permite especificar y capturar eventos DOM 2
• Para cualquier tipo de documento XML
• Sustituto a los eventos de HTML
• Independientes del dispositivo
• Independientes del lenguaje de script
• Se pueden separar del documento
• Conjunto de eventos extensible

lta onClick"...javascript..." ...gt
lta evevent"activate" evhandler"myhandler"
...gt
32
Editores/Navegadores XHTML

• Amaya (gratuito)

33
Referencias

• World Wide Web Consortium (W3C)
• http//www.w3.org