XML-Bases. XHTML. Les bases. Jean-François Ramiara. INP-ENM 04/10/2012 Toulouse. Copyright J.F. Ramiara Tous droits réservés

Transcription

1 XHTML Les bases Jean-François Ramiara INP-ENM 04/10/2012 Toulouse 1

2 Généralités Jean-François Ramiara XML 2 jours Initiation à XML Contenu Cours Exercices Support PDF Horaires Tour de table 2

3 Sommaire Introduction Qu'est ce que XML? Technologies abordées dans ce cours XML et le Web Créer un document XML Les parseurs Document bien formé Document valide 3

4 Introduction 4

5 Introduction XML XML = extensible Markup Language Langage de description d'informations données structure Basé sur des balises (comme HTML) Origine Recommandation du W3C (1998) pour échanger des données dans un format ouvert 5

6 Introduction XML (suite) Dérivé de SGML A l'origine de nombreux standards comme : RSS/Atom SVG XHTML... Versions

7 Introduction La famille XML 7

8 Introduction La famille XML (suite) SGML (Standard Generalized Markup Language) Langage de description de documents développé en 1986 Conçu pour l'échange de documents informatisés Langage «père» de tous les autres HTML (HyperText Markup Language) Langage de description de pages web développé en 1991 Version actuelle : 4 XHTML (Extensible HyperText Markup Language) Langage de description de pages web développé en 2000 Proche de HTML avec une syntaxe XML Version actuelle : 1.1 8

9 Introduction La famille XML (suite) RDF (Resource Description Framework) Langage de description de ressources web développé en 1999 Utilisé dans le développement du web sémantique SVG (Scalable Vector Graphics) Langage de description de dessins vectoriels 2D développé en 2001 Supporté partiellement par les navigateurs récents Version actuelle :

10 Qu'est ce que le XML? 10

11 Qu'est ce que le XML? Exemple de fichier XML <?xml version= 1.0?> <mes_enfants> <enfant> <nom>alizée</nom> <sexe>féminin</sexe> <age>17</age> </enfant> <enfant> <nom>maëlle</nom> <sexe>féminin</sexe> <age>13</age> </enfant> </mes_enfants> Langage à balises Structure+données Lisible Personnalisé Exemple de fichier XML 11

12 Qu'est ce que le XML? Avantages du XML C'est un langage à balise Il est lisible pour un humain Il décrit : des données des structures de données (Nom des champs, attributs, hiérarchie...) Les balises sont personnalisables Le langage est extensible Il est facile à comprendre et à exploiter par des logiciels On peut reconnaître la structure des données (père-fils) On peut différencier chaque donnée On peut reconnaître les intitulés des champs 12

13 Qu'est ce que le XML? Avantages du XML (suite) C'est un langage standardisé non propriétaire Formalisé par le W3C Gratuit... Il ne dépend pas d'un type d'ordinateur ou d'un système d'exploitation Fichier «Texte» Il est largement adopté dans le monde professionnel 13

14 Technologies abordées dans ce cours 14

15 Technologies abordées dans ce cours Technologies abordées dans ce cours XML Les bases du langage DTD Validation d'un document XML XSLT Transformer un document XML XPath Naviguer dans un document XML 15

16 XML et le Web 16

17 XML et le Web XML et le Web XML ne remplace pas HTML HTML décrit des pages Web (données+sémantique) HTML impose un format (liste et imbrication des balises) XML décrit uniquement des données XML n'impose pas de format, uniquement une syntaxe... <h1>page Web</h1> <p>hello world</p> <p>retourner à la première <a href="index.htm">page</a></p>... Exemple HTML 17

18 XML et le Web XML et le Web (suite) HTML utilise XML SOAP (Simple Object Access Protocol) Protocole pour les services web RSS (Really Simple Syndication) Récupérer des flux d'informations sans se connecter aux sites Ajax (Asynchronous JavaScript and XML)... Echanger des données entre client et serveur sans recharger une page 18

19 Créer un document XML 19

20 Créer un document XML Créer un document XML XML n'impose pas un format pour les données... Mais XML impose une syntaxe et parfois une grammaire (DTD) Un document XML est destiné à des traitements informatiques XML PDF HTML SQL Exempe de traitements informatiques 20

21 Créer un document XML Format du fichier XML Extension de fichier.xml Encodage UTF-8 par défaut XML est sensible à la casse <nom> est différent de <NOM> Les espaces ne sont pas significatifs en XML XML ignore les espaces et les indentations 21

22 Créer un document XML La déclaration XML <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> version : version XML utilisée 1.0 en général encoding : encodage utilisé UTF-8 par défaut <?xml version= 1.0 encoding="iso ?> standalone : le document peut se passer d'une DTD Par défaut «yes» <?xml version= 1.0 standalone="yes"?> 22

23 Créer un document XML Les balises Elle décrivent la structure du document XML <nom>colosse de Rhodes</nom> Balise Contenu Balise Une balise peut être ouvrante <merveille> fermante </merveille> Balises en pair auto fermante <image fichier="colosse.jpg"/> 23

24 Créer un document XML Elément <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> L'élément est la base d'un document XML Il est représenté par des balise et un contenu <nom>colosse de Rhodes</nom> S'il contient des données ou d'autres balises, il doit aussi avoir une balise fermante Le nom d'un élément est sensible à la casse doit commencer par une lettre, «:» ou «_» ne doit pas commencer par «xml» ou «XML» 24

25 Créer un document XML Elément racine <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> Premier élément dans l'arborescence d'un document XML Il ne peut y avoir qu'un seul élément racine Cet élément racine contient TOUS les autres éléments sauf les commentaires les instructions de traitement 25

26 Créer un document XML Elément fils <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> Elément inclus dans l'élément racine Il peut y avoir plusieurs éléments fils pour un même élément racine Les éléments doivent être être correctement imbriqués Ils ne doivent pas se chevaucher <nom>colosse de Rhodes<lieu> </nom>rhodes en Grèce</lieu> Incorrect! 26

27 Créer un document XML Elément, attribut et valeur <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> Un élément peut contenir un ou plusieurs attributs Un attribut est une donnée qui n'est pas dans le contenu (métadonnée) A chaque attribut correspond une valeur Cette valeur est encadrée par des apostrophes ou des guillemets 27

28 Créer un document XML Elément, attribut et valeur (suite) <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> Dans un élément, deux attributs ne peuvent pas avoir le même nom <hauteur unité="mètre" unité="pouce">32</hauteur> Incorrect! 28

29 Créer un document XML Elément, attribut et valeur (suite) <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> </merveille> La valeur d'un attribut doit être encadrée par des apostrophes ou des guillemets Si une valeur contient des apostrophes, elle doit être entourée de guillemets et vice-versa <Société ancien_nom="l'éveil">dodo services</société> <événement commentaire='elle a dit "nuts"'>...</événement> 29

30 Créer un document XML Elément vide Elément sans contenu qui possède un ou plusieurs attributs <image fichier="colosse.jpg"/> On peut aussi le représenter «en pair» <image fichier="colosse.jpg"></image> 30

31 Créer un document XML Instructions de traitement <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité= mètre >32</hauteur> </merveille> PI en anglais (Processing Instructions) Elles fournissent des instructions générales pour le traitement du document XML Les instructions de traitement commencent par <? se terminent par?> 31

32 Créer un document XML Commentaire <!-- ceci est un commentaire --> On peut ajouter des commentaires dans un document XML Les commentaires ne sont pas interprétés par XML On peut «commenter» une partie du document XML pour qu'il ne soit plus interprété <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <!--<lieu>rhodes en Grèce</lieu> <hauteur unité="mètre">32</hauteur> --> </merveille> 32

33 Créer un document XML Entités prédéfinies <hauteur unité="mètre">>32</hauteur> 5 caractères sont significatifs pour XML On les traduit par des chaînes spéciales : & devient & < devient < > devient > " devient &quot ; ' devient &apos ; On peut créer ses propres entités 33

34 xm01 Exercice xm01 Représentation d'une famille 34

35 xm01 Exercice xm01 Représentez une famille sous forme d'un fichier XML Les membres de la famille : le père la mère 0..n enfants Les données Nom de famille 1 prénom l'age 35

36 xm01 Corrigé xm01 <?xml version="1.0"?> <famille> <père> <nom>dupont</nom> <prénom>andré</prénom> <age>49</age> </père> <mère> <nom>dupont</nom> <prénom>nicole</prénom> <age>45</age> </mère> <enfant> <nom>dupont</nom> <prénom>manon</prénom> <age>14</age> </enfant> <enfant> <nom>dupont</nom> <prénom>clément</prénom> <age>9</age> </enfant> </famille> 36

37 Créer un document XML CDATA Si on veut que XML n'interprète pas certains éléments, il faut les placer dans une section CDATA XML considère tout le contenu de CDATA (même les balises) comme du texte! <?xml version= 1.0?> <merveille> <![CDATA[ <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité= mètre >32</hauteur> ]]> </merveille> Sans les CDATA Avec les CDATA 37

38 Les parseurs 38

39 Les parseurs Les parseurs Un parseur est un logiciel capable d'interpréter un document XML Il lit le fichier XML Il contrôle son contenu Il restitue les informations qu'il contient Eventuellement, il modifie ces informations Il existe deux API pour les parseurs DOM SAX 39

40 Les parseurs API DOM DOM (Document Object Model) Avantage Le document XML est complètement chargé en mémoire Il est ensuite représenté sous la forme d'une arborescence Chaque «noeud» est représenté sous forme d'objet L'objet possède des méthodes pour parcourir l'arborescence Recommandée par le W3C. Pratiquement tous les langages informatiques implémentent l' API DOM On dispose de toutes les données Inconvénient Empreinte mémoire très importante si le document XML est gros 40

41 Les parseurs API SAX SAX (Simple API for XML) Basé sur la programmation événementielle On ne lit les données QUE sur certains événements balise X, balise X fermante, attribut Y... Avantage Empreinte mémoire très faible Inconvénient Pas toujours adapté si on doit explorer l'arbre XML en aveugle 41

42 xm02 Exercice xm02 Représentation d'une messagerie 42

43 xm02 Exercice xm02 Représentez une messagerie sous forme d'un fichier XML On peut stocker plusieurs messages Chaque message contient La date (date) L'expéditeur (from) Le destinataire (to) Le sujet (subject) Le message (body) 43

44 xm02 Corrigé xm02 <?xml version="1.0"?> <messagerie> <message> <date> </date> <subject>dicton</subject> <body>xml bien formé ou c'est la gamelle</body> </message> <message> <date> </date> <subject>rappel</subject> <body>faire le plein au Pas de la Case ce WE</body> </message>... </messagerie> 44

45 Document bien formé 45

46 Document bien formé Document bien formé Un document est dit «bien formé» s'il respecte la syntaxe XML Il existe de nombreux outils capables de vérifier la syntaxe d'un document XML <?xml version= 1.0?> <merveille> <nom>colosse de Rhodes</nom> <lieu>rhodes en Grèce</lieu> <hauteur unité= mètre >32</hauteur> </merveille> <merveille> </merveille> 2 éléments racine! 46

47 Document bien formé Document bien formé (suite) Tester son document avec Firefox Les navigateurs Firefox et IE7 sont capables de vérifier si un document est «bien formé» Il suffit d'ouvrir le document XML avec le navigateur OK KO 47

48 xm03 Exercice xm03 Vérification d'un document XML 48

49 xm03 Exercice xm03 Vérifiez avec Firefox que : le document famille de l'exercice xm01 est bien formé le document messagerie de l'exercice xm02 est bien formé Corrigez les éventuelles erreurs 49

50 xm03 Corrigé xm03 XM01 : famille 50

51 xm03 Corrigé xm03 (suite) XM02 : messagerie 51

52 Document valide 52

53 Document valide Document bien formé/valide Document bien formé Il respecte la syntaxe XML Autrement dit : il est interprétable par un parseur Les règles sont fixées par le W3C Document valide Il respecte une grammaire pré-définie Nom des balises et des attributs Attributs autorisés par balise Hiérarchie des balises... Autrement dit : il est utilisable entre plusieurs opérateurs Les règles sont fixées par le développeur 53

54 Document valide Validation d'un document C'est le parseur qui valide le document XML On parle de «parseur validant» La validation se fait via des règles pré-définies On utilise un langage pour ça C'est au développeur de définir ces règles Il existe plusieurs langages de validation 54

55 Document valide Les langages de validation DTD (Document Type Definition) Le plus ancien Le plus répandu XML schema Recommandé par le W3C Plus riche que les DTD mais complexe Relax NG Recommandé par OASIS* Moins complexe que XML schema Schematron Complément aux autres langages Orienté «sémantique» plutôt que technique * Organization for the Advancement of Structured Information Standards 55

56 xm04 Exercice xm04 Les 7 merveilles du monde 56

57 xm04 Exercice xm04 Analysez le contenu du fichier merveilles.txt Elément racine? Entités fils? Attributs/contenu? Construisez un fichier xml à partir de ce fichier 57

58 58