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 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