Você está na página 1de 32

Tema 1: Lenguajes de marcas.

Concepto y caractersticas

Curso 2017-2018
Sesin 1

1
Contenido
Concepto
Caractersticas
Objetivos
Tipos y ejemplos
Evolucin
Historia
HTML y XML
Diferencias entre HTML y XML
Etiquetas elementos y atributos
Estructura documento HTML y XML
Ejemplos
Qu es XML
Caractersticas
Inconvenientes
Lenguajes y tecnologas asociadas a XML
Concepto de Lenguaje de Marcas
Un lenguaje de marcado o lenguaje de
marcas es una forma de codificar un
documento que, junto con el texto, incorpora
etiquetas o marcas que contienen informacin
adicional acerca de la estructura del texto o de
su presentacin.
Definen la estructura, la semntica y controlan el
procesamiento de un documento digital.

3
Ejemplos

El cdigo entre corchetes


como <ul>, o con cdigos
\section, son instrucciones
de marcado, tambin
llamados etiquetas
Caractersticas

Texto plano Los documentos pueden ser editados con


cualquier procesador de textos, son
independientes de la plataforma
Compacidad Las instrucciones de marcado se entremezclan con
el propio contenido en un nico archivo o flujo de
datos
Facilidad de fcil desarrollar lenguajes especializados en
procesamiento funcin del tipo de documento, fciles de
comprender, de aprender
Flexibilidad aplicables a mltiples reas
Objetivos
Especifica las operaciones tipogrficas (formato) que se debe
ejecutar el programa navegador/visualizador
Separa un texto en los elementos que lo componen (estructura)
Documento
Informacin Marcas o etiquetas
Texto + Informacin acerca:
Estructura
o
Presentacin

Ejemplo:
<sms> sms
<tfno>654332211</tfno> tfno 652332211
<texto>Quedamos maana a las 22:00</texto>
</sms> texto Quedamos maana a las 22:00

7
Tipos de lenguajes de marcas
Marcado de presentacin : indica el formato del texto. Es til para
maquetar un documento, pero insuficiente para el procesamiento
automtico de la informacin. Ej. RTF,Word (Las etiquetas suelen estar
ocultas al usuario)
Marcado de procedimientos o procedural, enfocado a la
presentacin del texto. Las etiquetas son visibles por el usuario y
permiten procesamiento (realizar un conjunto de acciones) segn el tipo
de etiqueta. TeX, LaTeX (https://papeeria.com/), Postscript. ()
Marcado descriptivo o semntico utiliza etiquetas para describir el
contenido, pero sin especificar cmo se representan, o en que orden. Los
lenguajes expresamente diseados para generar marcado descriptivo son
el SGML y el XML.
Los hay, como el HMLT que describen tanto la presentacin como
el contenido
8
Ejemplos

Qu etiquetas
seran de
presentacin,
procesamiento o
descriptivas?
Ejemplos

Los ms extendidos y que seguiremos tratando a lo largo del curso:


HTML: Lenguaje de marcas de hipertexto. El ms usado en internet.
Lenguaje. Para crear documentos.
Marcas. Los documentos estn formados por texto enriquecido con
etiquetas que un programa navegador es capaz de interpretar.
Hipertexto. En el que es posible definir zonas sensibles en los
documentos que permiten acceder a otros documentos.
XML: Extensible Markup Language
XML es un meta-lenguaje que nos permite definir lenguajes de marcado
adecuados a usos determinados
Objetivo: representar informacin estructurada, de modo que esta informacin
pueda ser almacenada, transmitida, procesada, visualizada e impresa, por muy
diversos tipos de aplicaciones y dispositivos.
Evolucin de los lenguajes de
marcas
Surgen como solucin a los formatos
propios que utilizan las distintas
aplicaciones y los problemas que se
planteaban cuando se intercambiaban
archivos con las consiguientes prdidas de
formato y otras caractersticas.
El objetivo era hacer perdurar en el tiempo
los documentos, principalmente
documentos oficiales.
11
Evolucin de los lenguajes de marcas
Las marcas deberan constar de unos caracteres
ASCII especialmente reserevados para ello y que
deberan seguir unas reglas sintcticas especiales.
As surge un lenguaje especial normalizado
internacional para la formulacin de este tipo de
reglas llamado SGML (Standard Generalized
Markup Language )
No es un lenguaje en s mismo, sino un
metalenguaje del que se derivan muchos otros, ej,:
HTML
Historia
Aos 70: GML, Charles Goldfarb
GML
Generalized Markup Language (IMB)
1986: SGML, Standard Internacional ISO
8879, (Standard Generalized Markup
SGML
Language )no almacena el diseo sino la
estructura de los documentos. No fue muy
difundido por su complejidad.
1989/90. Tim Berners-Lee cre el World Wide
Web, que se basaba en el lenguaje de descripcin HTML
de documentos HTML. Las pginas web son
documentos con texto, vnculos y grficos. Se
bas en estndares ya existentes (ASCII +
SGML).
13
Historia
Las desventajas de HTML, plantean la creacin
de otro lenguaje
Pensado para mostrarlo en la web pero no para la
impresin o tareas de diseo.
Etiquetas limitadas, no es flexible.
No puede mostrar contenido dinmico.
La estructura y el diseo estn mezclados.
1996: XML, como lenguaje estructural, para la
descripcin nicamente de la estructura del XML
documento, no indicado para la representacin.
2000. XHTML/CSS. Es una reconversin de
HTML segn las reglas de XML. La apariencia
del documento se describe mediante hojas de XHTML
estilo

14
HTML y XML. Diferencias

HTML Rellena las diferencias


XML
con el XML
Permite describir el
sentido o la semntica de
los datos
Separa el contenido de la
presentacin.
Es un Meta-Lenguaje, que
permite la definicin de
lenguajes concretos de
representacin de
documentos
Etiquetas, elementos y atributos
Siguiendo con los documentos HTML y XML:
Existen 3 trminos para describir las partes de un
documento :
Etiqueta: texto enmarcado entre los smbolos < y
>. Existen etiquetas de inicio y de fin.
Elementos: estructuras que sirven para organizar el
contenido: Constan de etiqueta de inicio, etiqueta de
fin, y el contenido entre ellas. Pueden ser de contenido
vaco, en cuyo caso tendrn una nica etiqueta ciega:
<nombre/>
Atributos: es una pareja etiqueta-valor que se
encuentra dentro de la etiqueta de inicio e indican
propiedades de los elementos. 16
Estructura Documento HTML
Ejemplo
Estructura documento XML
Los elementos de un documento XML deben seguir una
estructura de rbol (estrictamente jerrquica).
Los elementos deben estar correctamente anidados.
Los elementos no se pueden superponer entre ellos.
Slo puede haber un elemento raiz, en el que estn
contenidos todos los dems.
Ejemplo

<libreria>
<libro>
<autores>
<autor>Elizabeth Castro</autor> autor
<autores> autores
<titulo>XML Gua de Aprendizaje</titulo> .
<precio moneda="euros">30</precio> libro ttulo

</libro> precio moneda


<libro> librera
<autores> libro .
<autor>Benoit Marchal</autor>
<autores .
<titulo>XML con ejemplos</titulo>
<precio moneda="euros">45</precio>
</libro>
</libreria>
Ejemplos de XML

21
22
23
Qu es XML?
XML es... un estndar que permite disear y
desarrollar lenguajes de marcas.
XML es... un subconjunto simplificado de SGML,
que incluye las tres partes ms importantes:
extensibilidad, estructura y validacin.
XML es... un formato de texto estandarizado que
sirve para representar y transportar informacin
estructurada.

25
XML es un metalenguaje.
Los programadores web pueden ver XML como
una barrera en el diseo grfico de la web. Pero
tienen herramientas para el diseo:
XSLT o XSL-FO.
CSS.
Pero pese a que la presentacin es importante, la
mayora de aplicaciones hoy en da estn
orientadas a datos.

26
Caractersticas XML
La estructura y el diseo del documento estn
totalmente separadas
La estructura se puede describir mediante una
DTD o un XML-esquema
Posibilidad de definir etiquetas propias
Asignacin de atributos propios a las etiquetas

27
Otras caractersticas
XML es un estndar abierto no sujeto a licencias
XML es internacionalizable
XML est basado en texto puro
Ideal para conservar a largo plazo
XML es modular, ampliable

28
Inconvenientes
La necesidad de mayor espacio del formato de
texto, en comparacin con los binarios.
Requiere una transformacin...
Una estructura, muchos diseos. El cdigo XML es
interpretado por las aplicaciones.
XML puro. La forma de representar los datos,
depender del destino de los mismos.
Mediante hojas de estilo, CSS o XLS para mostrarlos en la web
Mediante un lenguaje de descripcin de impresin como Postscript o
PDF.

29
DTD XSL/XSLT

XML Schema

DOM
XPath Xlink

XHTML Xpointer
BaseX
XInclude
WML SMIL
XQuery
RSS
XML
RDF

46
DTD Definicin de tipo de documento
XML Describe la estructura y las restricciones de forma muy precisa
SCHEMA
DOM A travs de l, los programas pueden acceder y modificar el contenido, estructura y estilo
de los documentos HTML y XML
XSL/XSLT "lenguaje extensible de hojas de estilo: que describen cmo se transforma o formatea la
informacin para su presentacin en un medio
XHTML versin XML de HTML, con las mismas funcionalidades, pero cumple las especificaciones
ms estrictas de XML
XPath Permite buscar y seleccionar teniendo en cuenta la estructura jerrquica del XML
XLink Lenguaje de descripcin de Vnculos: permite crear elementos de XML que describen
relaciones cruzadas entre documentos, imgenes y archivos de Internet u otras redes
XPointer Lenguaje de punteros XML que proporciona una forma de identificar de forma nica
fragmentos de un documento XML con el objetivo de realizar vnculos
BaseX Motor de base de datos XML
WML Lenguaje que se utiliza para construir las pginas que aparecen en las pantallas de los
telfonos mviles y los asistentes personales digitales (PDA) dotados de tecnologa WAP
SMIL lenguaje de integracin multimedia sincronizada para presentaciones multimedia. permite
integrar audio, video, imgenes, texto o cualquier otro contenido multimedia.
RDF Marco de Descripcin de Recursos es un framework para la descripcin de metadatos
RSS un formato XML para sindicar o compartir contenido en la web. Se utiliza para difundir
informacin actualizada frecuentemente a usuarios que se han suscrito a la fuente de
contenidos
Ejemplos

http://www.w3schools.com/xml/default.asp
http://www.w3schools.com/html/default.asp

Você também pode gostar