Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

Lenguajes de Marcado: HTML, XML María José Aramburu Cabo

Contenidos ƒHTML ƒXML: Introducción, Sintaxis, DTD’s

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

HTML HyperText Markup Language HyperText Markup Language (HTML) Home Page. W3C http://www.w3c.org/MarkUp/

HTML 4.01 Specification. W3C http://www.w3.org/TR/html4/ Getting started with HTML. Dave Ragget http://www.w3.org/MarkUp/Guide/

1

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

HTML HyperText Markup Language ƒ Lingua franca para publicar hipertexto en la WWW ƒ Aplicación del estándar ISO 8879, SGML (Standard Generalized Markup Language) ƒ Definido por el WWW Consortium. Última propuesta HTML 4.01 ƒ Es un lenguaje de marcas: ƒ

ƒ

ƒ

ƒ

etiquetas que indican cómo representar los contenidos de los documentos dos tipos de etiquetas ... algunas aceptan atributos ...

Extensión de los documentos: .html o .htm 3

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

HTML Inicio del documento Inicio de la cabecera Inicio del título del documento Fin del título del documento

Fin de la cabecera Inicio del cuerpo del documento Fin del cuerpo del documento

Fin del documento 4

2

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

Ejemplo de documento HTML Esto es un ejemplo Esto es un ejemplo Hemos terminado el primer apartado del tema 3: Lenguajes de Marcado. Puedes encontrar este material en la web de la asignatura.

5

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML eXtensible Markup Language Extensible Markup Language (XML). W3C http://www.w3c.org/XML/

XML in 10 points. W3C http://www.w3.org/XML/1999/XML-in-10-points.html XML 1.0 Recommendation. WC3 http://www.w3.org/TR/2004/REC-xml-20040204/

The XML FAQ http://www.ucc.ie/xml/

Introducing the Extensible Markup Language http://xml.coverpages.org/xmlIntro.html

XML & DTD Tutorials. W3Schools http://www.w3schools.com

3

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML eXtensible Markup Language ƒ XML sirve para estructurar información: ƒ ƒ

ƒ ƒ

hojas de cálculo, agenda, ficheros de configuración, etc. conjunto de reglas para definir formatos de texto para estructurar información no es un lenguaje de programación almacenamiento e intercambio de información

ƒ XML se parece a HTML ƒ ƒ ƒ

utiliza etiquetas () y atributos (nombre=“valor”) HMTL diseñado para mostrar (apariencia) información XML diseñado para estructurar / describir información

ƒ XML es relativamente nuevo ƒ ƒ ƒ ƒ

su desarrollo comenzó en 1996 (W3C Recommendation, 1998) SGML desarrollado al comienzo de los 80 (ISO standard, 1986) En 1990 se comienza a desarrollar HTML XML es una simplificación de SGML, aun manteniendo su potencia 7

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML eXtensible Markup Language XML es una familia de tecnologías:

ƒ ƒ ƒ ƒ ƒ ƒ

Hipervínculos en XML: XLink y XPointer Hojas de estilo: CSS y XSL (basado en XSLT) API para documentos XML: DOM Definición de tipos de documentos: DTDs y XML Schemas ... (véanse las distintas actividades del W3C)

XML es extensible y modular:

ƒ ƒ ƒ

ƒ ƒ ƒ

vocabulario (etiquetas y atributos) no predefinido (vs. HTML) uso de DTD (Document Type Definition) o XML Schema para definir el vocabulario: tipos de documento XML + DTD o XML Schema : auto-descriptivo Es un meta-lenguaje de marcado permite definir un nuevo formato de documento a partir de otros formatos: Namespaces y XML Schemas 8

4

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: Sintaxis Un ejemplo:

ƒ

Tove Jani Reminder Don't forget me this weekend!

Componentes de un documento XML:

ƒ ƒ

Elementos ƒ ƒ ƒ

ƒ

componentes principales del documento ejemplo: note, to, … pueden contener texto, otros elementos o estar vacíos

Etiquetas ƒ ƒ ƒ

delimitan los elementos marca el comienzo del elemento marca el final del elemento 9

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: Sintaxis ƒ

Atributos ƒ ƒ ƒ ƒ

ƒ

proporcionan información adicional sobre los elementos aparecen en la etiqueta de comienzo del elemento pares nombre=“valor” ejemplo:

Entidades ƒ ƒ ƒ

representan una porción de texto escapado de caracteres especiales predefinidas: < < > > & & " “ ' ‘

ƒ ƒ ƒ

definidas en DTDs

PCDATA (Parsed Character DATA): texto contenido en los elementos CDATA (Character DATA): valores de los atributos 10

5

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: Sintaxis Reglas básicas:

ƒ ƒ ƒ ƒ ƒ ƒ

ƒ ƒ

todos los elementos deben incluir una etiqueta de cierre se distingue entre mayúsculas y minúsculas los elementos deben encontrarse debidamente anidados todos los documentos deben tener un único elemento raíz los valores de los atributos deben aparecer siempre entrecomillados …

¿Satisface las reglas generales de sintaxis de XML? Æ Documento bien formado

11

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs ƒ

DTD: Document Type Definition

ƒ

Define el formato del documento, su esquema o tipo, el vocabulario a utilizar en un documento XML: ƒ ƒ ƒ ƒ

elementos atributos entidades cómo se estructuran

ƒ

XML + DTD = documentos auto-descriptivos

ƒ

Intercambio, compartir información: compromiso entre las partes participantes en el formato a utilizar

ƒ

Validación de los datos para su procesamiento automático

12

6

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs ƒ

Dos niveles de corrección: ¿Satisface las reglas generales de sintaxis de XML? Æ Documento bien formado

¿Satisface el DTD? Æ Documento válido

ƒ

DTD incluido en el propio documento XML:

ƒ

DTD externo:

ƒ

Documentos XML sin DTD

13

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs ƒ

Declaración de tipo de documento interna ]> Tove Jani Reminder Don't forget me this weekend!

14

7

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs ƒ

Declaración de tipo de documento externa Tove Jani Reminder Don't forget me this weekend!

Note.dtd
note (to,from,heading,body)> to (#PCDATA)> from (#PCDATA)> heading (#PCDATA)> body (#PCDATA)> 15

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - elementos ƒ

Elementos

ƒ

elementos vacíos ejemplo: ejemplo XML:


ƒ

elementos de sólo texto ejemplo:

ƒ

elementos con cualquier tipo de contenido ejemplo: 16

8

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - elementos elementos con hijos (secuencias)

ƒ ƒ

Los hijos deberán aparecer en esta misma secuencia en el documento ejemplo:

ƒ

un único elemento hijo ejemplo:

ƒ

una o más ocurrencias del elemento hijo ejemplo:

ƒ

cero o más ocurrencias del mismo elemento 17

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - elementos ƒ

elemento hijo opcional

ƒ

un elemento u otro ejemplo: ejemplo:

18

9

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - atributos ƒ

Atributos ejemplo: Ejemplo XML:

ƒ

tipo de atributo CDATA (v1|v2|…) ID IDREF IDREFS …

ƒ

el valor será v1 o v2 o … el valor es un identificador único el valor es el identificador de otro elemento el valor es una lista de identificadores

valor por defecto value #REQUIRED #IMPLIED #FIXED

el valor por defecto del atributo es value valor obligatorio valor optativo el valor del atributo es fijo 19

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - atributos ƒ

especificando el valor por defecto de un atributo ejemplo: ejemplo XML:

ƒ

#IMPLIED ejemplo: ejemplo XML:

ƒ

#REQUIRED ejemplo: ejemplo XML: Mal

20

10

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - atributos ƒ

#FIXED ejemplo: ejemplo XML: Mal

ƒ

lista de valores posibles ejemplo: ejemplo XML:

21

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs - entities ƒ

declaraciones internas al DTD: ejemplo: ejemplo XML: &writer;

ƒ

declaraciones externas al DTD: ejemplo: ejemplo XML: &writer;

22

11

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs Ejercicio 1: Escribe un documento XML instancia del DTD siguiente: 23

Integración de Sistemas de Información

Universitat Jaume I. Curso 2004/2005

XML: DTDs Ejercicio 2: Diseña un posible DTD para el siguiente documento XML: Buscadores Otros links Yahoo Microsoft IBM Google Apple Digital 24

12