INSA - ASI TechnoWeb : XML 1/37. Technologie Web. XML et DTD. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

Transcription

1 INSA - ASI TechnoWeb : XML 1/37 Technologie Web XML et DTD Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr

2 INSA - ASI TechnoWeb : XML 2/37 Plan 1 Introduction 2 Document XML 3 Les DTD 4 XML et CSS

3 INSA - ASI TechnoWeb : XML 3/37 Introduction (1/4) Origines : SGML et HTML HTML HTML = HyperText Markup Language Modèle de représentation d hyper-documents Très utilisé par les serveurs et les clients WEB Défini selon le standard SGML SGML Standard Generalized Markup Language Représentation de données et de documents structurés Méta-langage de balisage de documents XML extensible Markup Language Standard développé par le W3C Forme extensible de HTML : définition de balises Sous ensemble restreint de SGML : applications WEB Peut être utilisé avec les protocoles (HTTP, MIME) et les mécanismes (URL) du WEB

4 INSA - ASI TechnoWeb : XML 4/37 Introduction (2/4) Comparaison HTML/XML <p>alexandre Pauchet</p> <p> INSA de Rouen<br /> BP08<br /> Avenue de l Université<br /> Saint - Étienne du Rouvray </p> <enseignant corps=" maître de conférences "> <prenom>alexandre</prenom> <nom>pauchet</nom> <adresse> <s t r u c t u r e>insa de Rouen</ s t r u c t u r e> <bp>bp08</bp> <rue>avenue de l Université</ rue> <cp>76800</cp> < v i l l e>saint Étienne du Rouvray</ v i l l e> </ adresse> </ enseignant> Balises et sémantiques associées sont prédéfinies Mélange de structurations logique et physique Affichage déléguée (CSS) Perte du sens Extensibilité du langage Structuration logique Affichage déléguée (CSS, XSL) Modularité et réutilisation des structures Facilite l accès à des sources de données hétérogènes

5 INSA - ASI TechnoWeb : XML 5/37 Introduction (3/4) Structure, contenu et présentation 1 document = 3 aspects différents Le contenu (le fond) La structure logique La présentation (la forme) XML : séparation contenu textuel/structure logique Autres contenus = ressources externes (photos, vidéos, sons,... ) Présentation décrite par moyens complémentaires (CSS, XSL,... ) Présentation indépendante des contenus et de la structure

6 INSA - ASI TechnoWeb : XML 6/37 Introduction (4/4) Exemple : Description d un article en XML Exemple <?xml v e r s i o n=" 1.0 " encoding="utf 8" standalone="yes "?> <!DOCTYPE album [ <!ELEMENT album ( titre, auteur, contenu )> <!ELEMENT t i t r e (#PCDATA)> <!ELEMENT auteur (#PCDATA)> <!ELEMENT contenu ( p i s t e +)> <!ELEMENT p i s t e (#PCDATA)> ]> <? xml stylesheet type=" text / css " href="stylealbum. css "?> <album> <t i t r e>le monde de la chatouille</ t i t r e> <auteur>sacha Touille</ auteur> <contenu> <p i s t e>01 - Guiliguili</ p i s t e> <p i s t e>02 - Gratouilli</ p i s t e> </contenu> </album>

7 INSA - ASI TechnoWeb : XML 7/37 Document XML (1/10) Structure d un document XML Prologue Déclaration XML Déclaration de type Instructions de traitement Arbre des éléments Éléments (balises) Attributs Entités...

8 INSA - ASI TechnoWeb : XML 8/37 Document XML (2/10) Prologue : déclaration XML Déclaration XML <?xml version=" 1.0 " [ encoding="encodage" ] [ standalone="yes no" ]?> La déclaration XML indique : la conformité du document à une version de la norme XML, le jeu de caractères utilisé dans le document, la présence ou non de références externes. Cette déclaration est facultative mais fortement conseillée notamment pour le problème d encodage des caractères

9 INSA - ASI TechnoWeb : XML 9/37 Document XML (3/10) Prologue : déclaration de type Déclaration de type <!DOCTYPE elt racine Info DTD [ déclarations internes ] > La DTD (Document Type Definition) d un document XML définit la grammaire d un document XML : Elle facilite l échange de fichiers (fournit une description) Elle facilite la validation de document (impose une grammaire) Elle peut être : Interne/externe : un document ou plusieurs documents System/public : stockée localement ou publiée sur internet

10 INSA - ASI TechnoWeb : XML 10/37 Document XML (4/10) Prologue : instructions de traitement Instructions facultatives Leur contenu est transmis à une application pour traitement <? c i b l e arg1=" v a l 1 " arg2=" v a l 2 "...?> cible : nom d une application (xml est un mot réservé) arguments passés à l application cible Exemple <? xml stylesheet type=" t e x t / c s s " h r e f=" s t y l e. c s s "?>

11 INSA - ASI TechnoWeb : XML 11/37 Document XML (5/10) Structure et éléments Structure d un document XML Un document XML est une structure logique arborescente Élément/noeud = constituant logique du document Éléments non prédéfinis mais choisis en fonction du type de document à représenter L ensemble de la structure est ordonnée Le contenu est structuré en éléments qualifiés par des attributs valués Un élément est représenté par une paire de balises (tags) et leur contenu Les balises ouvrantes portent les éventuels attributs L imbrication et l ordre des éléments reflètent la structure

12 INSA - ASI TechnoWeb : XML 12/37 Document XML (6/10) Contraintes syntaxiques Un document possède une racine et une seule. Les éléments : doivent avoir une balise ouvrante et une balise fermante, peuvent être vides (éléments auto-fermants), doivent être imbriquées, peuvent avoir 0,1 ou plusieurs attributs. Un nom d élément : doit commencer par une lettre ou un _, peut comporter des chiffres, des lettres, -,. ou _, peut posséder un nom de domaine : "domainedenoms:nomelement", est sensible à la casse. Les attributs d un élément : donnent des précisions sur les éléments et sur leur contenu, doivent avoir un nom et une valeur, ne sont pas sensibles à l ordre.

13 INSA - ASI TechnoWeb : XML 13/37 Document XML (7/10) Commentaires, CDATA et Entités prédéfinies Caractères spéciaux Pour le contenu de tags et les attributs, XML prédéfinit les 5 entités suivantes : & & &apos; > > < < " " Commentaires <! ceci est un commentaire > Contraintes sur les commentaires : Tout le contenu sera ignoré par l analyseur XML Pas de commentaire à l intérieur d autres tags CDATA Indique à l analyseur de ne pas tenir compte du balisage : <![CDATA[=>texte non regarde par l analyseur]]>

14 INSA - ASI TechnoWeb : XML 14/37 Document XML (8/10) Bonne formation et validité Document XML bien formé Un document XML est bien formé s il respecte la syntaxe XML : il contient 1 ou plusieurs éléments, un seul élément contient tous les autres (racine), les éléments sont correctement imbriqués, les balises de début et fin correspondent (casse comprise), les noms d attributs sont uniques par élément, les valeurs d attributs sont entre " ou, les valeurs d attributs ne référencent pas d entités externes, les entités sont déclarées avant d être utilisées. Document XML valide Un document XML est valide s il se conforme à sa DTD le document est conforme à un modèle de structure

15 INSA - ASI TechnoWeb : XML 15/37 Document XML (9/10) Conseils pour l écriture de documents XML Choisir des noms d éléments (balises) qui représentent leur rôle (sémantique), ils doivent être aussi explicites que possible. Le balisage doit être indépendant de la réalisation physique du document (ex : pas de <gras>). Préférer un balisage méta-typographique : (ex : <important>, <ligne>, <cellule>). La position d un élément à l intérieur d un autre est importante (l ordre des balises est préservé). Inclure dans le document des métadonnées descriptives afin de décrire le document. L indexation d un document se fait sur le contenu des balises, pas sur les valeurs des attributs.

16 INSA - ASI TechnoWeb : XML 16/37 Document XML (10/10) Conseils pour l écriture de documents XML Utilisez un élément (balise) lorsque : le contenu comporte plusieurs mots, l ordre est important (il n y a pas d ordre sur les attributs), l information fait partie du contenu du document par opposition à un attribut ajustant le comportement d une balise. Si un analyseur n est pas capable de traiter un document XML, il affichera le contenu des balises mais pas les attributs. Utilisez un attribut lorsque : l information modifie la balise d un point de vue du traitement exemple : <liste type="numérotée">... </liste>, vous souhaitez contrôler les valeurs, l information est un identifiant unique ou une référence à l identifiant d une autre balise.

17 INSA - ASI TechnoWeb : XML 17/37 Les DTD (1/14) Un exemple simple de DTD personne.dtd <?xml v e r s i o n=" 1.0 " encoding="utf 8"?> <!ELEMENT personne ( i d e n t i t e, a c t i v i t e )> <!ELEMENT identite ( prenom, nom)> <!ELEMENT prenom (#PCDATA)> <!ELEMENT nom (#PCDATA)> <!ELEMENT a c t i v i t e (#PCDATA)> Dupond.xml <?xml v e r s i o n=" 1.0 " encoding="utf 8" standalone="no"?> <!DOCTYPE personne SYSTEM ". / personne. dtd" > <personne> <i d e n t i t e> <prenom>eustache</prenom> <nom>dupond</nom> </ i d e n t i t e> <a c t i v i t e>détective</ a c t i v i t e> <a c t i v i t e>gardien de nuit</ a c t i v i t e> </ personne>

18 INSA - ASI TechnoWeb : XML 18/37 Les DTD (2/14) DTD d un document DTD DTD = Document Type Definition Elle définit éléments et règles d utilisation (noms des éléments, attributs possibles pour un élément, imbrications) Modèle de document XML Si un document n a pas de DTD et qu il suit les règles définies par XML, il est bien formé Si un document est bien formé et qu il fait référence à une DTD à laquelle il est conforme, il est valide Ni la DTD, ni le document XML ne contiennent d information concernant l affichage, c est la CSS qui définira la présentation

19 INSA - ASI TechnoWeb : XML 19/37 Les DTD (3/14) Document sans DTD Document sans DTD Le balisage est défini de manière informel Il doit être bien formé pour pouvoir être affiché par un navigateur Le document doit préciser dans sa déclaration XML qu il est autonome (SDD = Standalone Document Declaration) Remarque Un document sans DTD peut être affiché mais ne peut pas être interprété.

20 INSA - ASI TechnoWeb : XML 20/37 Les DTD (4/14) A quoi sert la DTD? DTD = grammaire du document XML Elle décrit Les éléments types : noms de balises autorisées, ordre et imbrication des balises, caractère optionnel des éléments. Les attributs pour chaque élément : noms des attributs autorisés, caractère optionnel/obligatoire des attributs, type, valeur par défaut.

21 INSA - ASI TechnoWeb : XML 21/37 Les DTD (5/14) Déclaration de DTD 3 types de déclaration DTD interne <!DOCTYPE racine [declarations]> DTD externe locale <!DOCTYPE racine SYSTEM "fichier.dtd"> <!DOCTYPE racine SYSTEM " DTD externe publique <!DOCTYPE r a c i n e PUBLIC "nomconnu" "URL"> Remarque : on peut combiner une partie de DTD interne et une partie de DTD externe (locale ou publique).

22 INSA - ASI TechnoWeb : XML 22/37 Les DTD (6/14) Prologue d une DTD Prologue Le prologue est identique à un document XML, excepté standalone et DOCTYPE qui n ont aucun sens dans une DTD. Utilité : déclarer l encodage utilisé dans la DTD Une DTD n a pas nécessairement de prologue Exemple <?xml v e r s i o n=" 1.0 " encoding="utf 8"?> Remarque : l encodage de la DTD n est pas propagé aux documents XML utilisant cette DTD

23 INSA - ASI TechnoWeb : XML 23/37 Les DTD (7/14) Contenu d une DTD Déclarations dans les DTD Déclarations des éléments autorisés : <!ELEMENT nombalise (contenu)> Déclaration de l ordre des éléments dans (contenu) Déclarations des attributs des éléments : <!ATTLIST element attribut type> Remarque : l ordre des déclarations n est pas important. Exemple <!ELEMENT auteur (nom, prenom, initial)>

24 INSA - ASI TechnoWeb : XML 24/37 Les DTD (8/14) Déclaration d un élément Déclaration d un élément <!ELEMENT nomelement EMPTY ANY (modelecontenu)> Un élément peut : être vide, contenir n importe quel élément déclaré de la DTD, être formaté selon un modèle. Les éléments non vides peuvent contenir : uniquement des données, <!ELEMENT nomelement (#PCDATA)> uniquement d autres éléments, <!ELEMENT nomelement (element1, element2,...)> <!ELEMENT nomelement (element+, element, element?)> <!ELEMENT nomelement ((element1) (element2)...)> des données et d autres éléments.

25 INSA - ASI TechnoWeb : XML 25/37 Les DTD (9/14) Déclaration d attribut Déclaration d attribut Principaux types d attributs : <!ATTLIST element a t t r i b u t type [ option ]> CDATA : données textuelles ne contenant pas de balises XML (valeur1... valeurn) : liste de valeurs possibles ENTITY : entité déclarée dans la DTD NOTATION : notation déclarée dans la DTD ID : l attribut possède une valeur unique pour chaque élément IDREF : l attribut se réfère à un ID d un autre attribut IDREFS : l attribut peut se référer à plusieurs ID, chaque valeur étant séparée par un espace. option vaut : une valeur par défaut, #REQUIRED : valeur d attribut obligatoire, #IMPLIED : valeur d attribut optionnelle, #FIXED val : définit une valeur fixée pour l attribut.

26 INSA - ASI TechnoWeb : XML 26/37 Les DTD (10/14) Exemple personne.dtd <?xml v e r s i o n=" 1.0 " encoding="utf 8"?> <!ELEMENT arbre ( personne+)> <!ELEMENT personne ( prenom, nom, nom?)> <!ATTLIST personne individual_ id ID #REQUIRED parent_id IDREFS #IMPLIED> <!ELEMENT prenom (#PCDATA)> <!ELEMENT nom (#PCDATA)> <!ATTLIST nom marital ( oui non ) #IMPLIED> arbre.xml <?xml v e r s i o n=" 1.0 " encoding="utf 8" standalone="no"?> <!DOCTYPE arbre SYSTEM ". / arbre genealogique. dtd" > <arbre> <personne i n d i v i d u a l _ i d="e10001" parent_id="e10002 e10003"> <prenom>bart</prenom><nom>simpson</nom> </ personne> <personne i n d i v i d u a l _ i d="e10002"> <prenom>homer</prenom><nom>simpson</nom> </ personne> <personne i n d i v i d u a l _ i d="e10003"> <prenom>marge</prenom><nom m a r i t a l=" oui ">Simpson</nom><nom>Bouvier</nom> </ personne> </ arbre>

27 INSA - ASI TechnoWeb : XML 27/37 Les DTD (11/14) Déclaration d entité Déclaration d entité Entité = alias pour un groupe de données Générales internes : <!ENTITY nom "chaine"> &nom; Générales externes : <!ENTITY nom SYSTEM "URI"> &nom; Paramètres internes : <!ENTITY %nom "chaine"> %nom; Paramètres externes : <!ENTITY %nom SYSTEM "URI"> %nom; Non analysables : <!ENTITY nom SYSTEM "URI" NDATA notation> Elles permettent de déclarer du contenu non-xml dans un document XML (audio, vidéos, images...) NB : les entités générales peuvent être substituées dans le corps d un document XML, les entités paramètres dans la DTD elle-même.

28 INSA - ASI TechnoWeb : XML 28/37 Les DTD (12/14) Composition de DTD Inclusion d une DTD dans une DTD <!ENTITY %secondedtd SYSTEM "secondedtd. dtd">... % secondedtd ; En cas de conflit de nom : Si plusieurs déclarations d un même élément, la 1ère est prise en compte Si plusieurs déclarations d attribut pour un même élément, concaténation Si plusieurs déclarations d un même attribut pour un même élément, la 1ère est prise en compte

29 INSA - ASI TechnoWeb : XML 29/37 Les DTD (13/14) Déclaration de notation Notation <!NOTATION nomnotation SYSTEM PUBLIC "notation"> Elle identifie par un nom le format des entités non analysées par le parseur XML. Elle définit le format des données et les applications qui permettent de les traiter. Exemples <!NOTATION GIF SYSTEM "GIF"> <!NOTATION GIF89a PUBLIC " //Compuserve//Notation Graphics Interchange Format 89a//EN">

30 INSA - ASI TechnoWeb : XML 30/37 Les DTD (14/14) Une alternative au DTD : les schémas XML Inconvénients des DTD Syntaxe particulière apprentissage plus long, pas d automatisation possible,... 1 seul type de données : PCDATA Pas de définition précise du nombre d occurrences Peu de vérifications des données à l intérieur d un élément Avantages des Schémas XML sur les DTD Typage des données : plusieurs type de données, création de nouveaux types,... Syntaxe XML Schémas orientés objet : extension/restriction des types,...

31 INSA - ASI TechnoWeb : XML 31/37 XML et CSS (1/6) Les feuilles de style Objectif : séparation du contenu et de la présentation interopérabilité Distribution à plusieurs médias (multiplateforme) Personnalisation (adaptation de l affichage aux groupes) réutilisabilité (traitement par des techniques encore inexistantes) faciliter la recherche d informations Plusieurs formats : CSS : Cascading Style Sheets XSL : extensible Stylesheet Language XSL-T : extensible Stylesheet Language Tranform

32 INSA - ASI TechnoWeb : XML 32/37 XML et CSS (2/6) Utilisation de CSS Principe XML [+ DTD] + CSS Document formaté <?xml-stylesheet type="text/css" href="fichier.css"?> Remarques : Toutes les balises définis dans un document XML / une DTD peuvent faire l objet d un traitement L ordre des éléments (balises) dans un document XML est respecté ; il faut tenir compte de ces possibilités lorsque l on rédige une CSS

33 INSA - ASI TechnoWeb : XML 33/37 XML et CSS (3/6) Déclaration d une règle Syntaxe : sélecteur[, sélecteur...] {déclarations} sélecteur d élément : element sélecteur d id : #id sélecteur de classe :.class sélecteur universel : * Sélecteur de descendant : element element Sélecteur d enfant : element>element Sélecteur d adjacent : element+element Sélecteur de précédence : element1~element2

34 INSA - ASI TechnoWeb : XML 34/37 XML et CSS (4/6) Sélecteurs de paramètre elem[att] : sélectionne les éléments de type elem contenant l attribut att, quelque soit la valeur de l attribut. elem[att=val] : sélectionne les éléments de type elem dont l attribut att vaut val. elem[att =val] : sélectionne les éléments de type elem dont l attribut liste att contient val. elem[attˆ=val] : sélectionne les éléments de type elem dont l attribut att débute par val. elem[att$=val] : sélectionne les éléments de type elem dont l attribut att se termine par val. elem[att*=val] : sélectionne les éléments de type elem dont l attribut att contient la sous-chaîne val. Remarque : il est possible de combiner plusieurs sélecteurs de paramètre elem[sel1][sel2]...[seln]

35 INSA - ASI TechnoWeb : XML 35/37 XML et CSS (4/6) Éléments et propriétés Affichage d un élément : display: block affichage comme élément block display: inline affichage comme élément inline display: none pas d affichage Par défaut les élément sont considérés comme inline Propriétés identiques à celles du HTML polices de caractères : font-size, font-style, font-family, font-weight textes : line-height, text-align, text-indent, text-transform blocs : height, width, margin-right, margin-left, margin-top, marginbottom, padding-right, padding-left, padding-top, paddingbottom, border-style, border-top-width, border-right-width,...

36 INSA - ASI TechnoWeb : XML 36/37 XML et CSS (5/6) CSS : génération de contenu Les pseudo-éléments :before et :after permettent de générer du contenu avant et après un élément Exemple Le contenu généré est déclaré par la propriété content Les pseudo-éléments générés héritent du style de l élément référence collection:before { content: " Dans :"; display: inline ; font - style: italic ; }

37 INSA - ASI TechnoWeb : XML 37/37 XML et CSS (6/6) Exemple Exemple * { } display: block ; padding - left: 10px; album { width: 500 px; background - color: teal ; font - family: arial ; color: white ; font - size: 12pt ; } titre, auteur { display: inline ; font - size: 16pt; font - weight: bold ; } auteur { color: red ; } auteur:before { content: " ("; } auteur:after { content: ")"; }