Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

01/04/2021 1 m_bakalem@inptic.edu.dz HyperText Markup Language HTML 5 01/04/202

01/04/2021 1 m_bakalem@inptic.edu.dz HyperText Markup Language HTML 5 01/04/2021 2  HTML a vu de nombreuses mises à jour au fil du temps, et actuellement, la dernière version de HTML est HTML5.  HTML5 est bien sûr encore principalement un langage de balisage,  mais il a ajouté une pléthore de fonctionnalités au HTML original et a éradiqué une partie de la rigueur qui était présente dans le XHTML.  Chaque jour, de nouvelles fonctionnalités sont ajoutées à HTML5.  La principale différence entre HTML et HTML5 est que l’audio et la vidéo ne sont pas intégrées dans le HTML alors que ceux-ci sont intégrés à HTML5. <article> <aside> <audio> <canvas> <datalist> <figure> <figcaption> <footer> <header> <hgroup> <mark> <nav> <progress> <section> <source> <svg> <time> <video> 01/04/2021 3 01/04/2021 4 eX XtensibleM MarkupL LanguageXML 8 Compromis SGML HTML XML Richesse Lourdeur Simplicité limitation Richesse + Simplicité Introduction : Historique Histoire liée au développement de l’Interne et de l’échange de fichiers  SGML : Standard Generalized Markup Language  Un langage de balisage normalisé,  Riche en sémantique mais relativement lourd à mettre en œuvre.  Inadapté au Web.  Il permet de définir de nouveaux langages de balisage spécifiques et complexes.  Le HTML étant une application SGML ,  Un langage adapté au Web mais dont les applications sont limitées par une bibliothèque de balises figée et réduite.  Il ne peut pas répondre aux besoins spécifiques de tous les domaines (mathématiques, chimie, musique, astronomie...).  HTML devait décrire le contenu du document  s'est orienté vers la présentation du contenu. 01/04/2021 5 eXtensible Markup Language Réﬂexion entamée en 1996 par le W 3C. Spéciﬁcation publiée en 1998. Langage de description et d'échange de données semi- structurés Méthode pour représenter les données. Les données sont écrites entre des balises ou sous forme d'attributs, L'ensemble est écrit sous forme d'un arbre. Il permet de séparer la forme et le fond Indépendance contenu / Présentation Lisibilité Contrôle de validité Réutilisabilité Portabilité Accès à des sources d’information hétérogènes 01/04/2021 6 11 • CSS -> feuille de style pour XML (et HTML) • XSL -> feuilles de style propre à XML • Xlink -> liens hypertextes à un fichier XML • Xpointer -> pointer sur des éléments de données d'un document XML • DOM -> manipuler des fichiers XML (et HTML) à partir d'un langage de programmation • Namespaces -> distinguer les noms utilisés dans les documents XML • Xschema -> méthodologie de description de document XML. • Xform -> les formulaires. XML _ Technologies 12 • AML, Astronomical Markup Language • CDF, Channel Definition Format • CML , Chemical Markup Language • MathML, Mathematical Markup Language • PGML, Precision Graphics Markup Language • RDF, Resource Description Framework • SMIL, Synchronized Multimedia Integration Language • VML, Vector Markup Language • WML, Wireless Markup Language, • XHTML - XML _ Applications 01/04/2021 7 13 • Parseurs; • Moteurs Xlink; • Processeurs de feuilles de style; • Navigateurs; • Editeurs XML: XML spy, XML Writer; • Logiciels spécialisés: • RealSystem pour SMIL • Navigateur pour CML • Applications MathML XML _ Outils et logiciels 01/04/2021 8 01/04/2021 9  <? xml version="1.0" encoding="ISO-8859-1"? >  < biblio>  <livre > < titre > Les Misérables < / titre > < auteur >Victor Hugo </ auteur > < nb_tomes >3 < /nb_tomes > </ livre >  <livre > < titre > L'Assomoir </ titre> < auteur >Émile Zola < /auteur > < nb_tomes >2 < /nb_tomes > </ livre > < / biblio > Un prologue, la déclaration XML , <? xml version="1.0" encoding="ISO-8859-1" standalone="yes"? > la Déclaration de Type de Document (DTD ) L’instruction de traitement Un élément racine Exemple : biblio Un arbre d’éléments Cet arbre est constitué d'éléments imbriqués les uns dans les autres (ayant une relation parent-enfant) et d'éléments adjacents.  Les commentaires  Exemple :  01/04/2021 10 < biblio> <livre > < titre > Les Misérables < / titre > < auteur >Victor Hugo </ auteur > < nb_tomes >3 < /nb_tomes > </ livre > <livre > < titre > L'Assomoir </ titre> < auteur >Émile Zola < /auteur > < nb_tomes >2 < /nb_tomes > </ livre > < / biblio > 01/04/2021 11 <BOOKS> <book id=“123” loc=“library”> <author>Hull</author> <title>California</title> <year> 1995 </year> </book> <article id=“555” ref=“123”> <author>Su</author> <title> Purdue</title> </article> </BOOKS> Hull Purdue BOOKS 123 555 California Su title author title author article book year 1995 ref loc=“library” Une instruction de traitement est une instruction interprétée par l'application servant à traiter le document XML. la déclaration XML la déclaration de feuille de style Exemple : <? xml-stylesheet type="text/xsl" href="biblio.xsl"? > <?xml-stylesheet type="text/css“ href="monstyle.css" ?> Cette instruction de traitement est notamment utilisée par les navigateurs Internet pour la mise en forme du document. 01/04/2021 12 Types de DTD Déclaration des éléments Déclaration des attributs Déclaration des entités DTD permet de définir la structure du document. Elle définit l'ensemble des éléments utilisables dans le document, DTD peut contenir des déclarations : de notations, d’éléments, de listes d’attributs, d’entités générales, d’entités paramètres et des commentaires. 01/04/2021 13 DTD Interne <!DOCTYPE prog [ <!ELEMENT prog (Desig, Descrip?, Matiere*)> <!ELEMENT Desig (#PCDATA)> <!ELEMENT Descrip (#PCDATA)> <!ELEMENT Matiere (#PCDATA)> <!ATTLIST Matiere coef #REQUIRED> ]> DTD Externe <!DOCTYPE programme SYSTEM "formation.dtd"> <!DOCTYPE Racine PUBLIC "nom" "uri_DTD"> < ?xml version="1.0" encoding="UTF-8" standalone=“no"?> <!DOCTYPE prog SYSTEM "programme.dtd"> < !-- Début Programme--> <prog> < Desig > TIC < /Desig > < Descrip >Programme Master </ Descrip > < Matiere coef="3">Web services</ Matiere > < Matiere coef="2">Application Internet</ Matiere > </prog> Dans le cas d'une DTD externe, nos documents XML ne sont plus autonomes, en effet, ils font référence à un autre fichier qui fournit la DTD. Afin que le document contenant la DTD soit bien pris en compte, nous devons l'indiquer en passant simplement la valeur de l'attributstandaloneà "no". 01/04/2021 14 < ?xml version="1.0" encoding="UTF-8" ?> < ?xml-stylesheet type="text/xsl" href="carnet.xsl" ?> < !-- Début du carnet d’adresse --> <carnet> <adresse> <nom>CRUSOE</nom> <prenom>Robinson</prenom> <telephone type="fixe">aucun</telephone> <telephone type="mobile">aucun</telephone> </adresse> <adresse> …..</adresse> </carnet> <!DOCTYPE carnet[ <!ELEMENT carnet (address+)> <!ELEMENT address(name, prenom, telephone+)> <!ELEMENT name (#PCDATA)> <!ELEMENT prenom (#PCDATA)> <!ELEMENT telephone (#PCDATA)> <!ATTLIST telephone type (fixe|mobile) #REQUIRED> ]> 01/04/2021 15 01/04/2021 16 Les espaces de noms ont été introduits en XML afin de pouvoir mélanger plusieurs vocabulaires au sein d’un même document. Le mélange de plusieurs vocabulaires au sein d’un même document ne doit pas empêcher la validation de celui-ci. Il devient indispensable d’identifier la provenance de chaque élément et de chaque attribut afin de valider correctement => les espace de noms jouent ce rôle. Chaque élément ou attribut appartient à un espace de noms qui détermine le vocabulaire dont il est issu. Cette appartenance est marquée par la présence dans le nom d’un préfixe associé à l’espace de noms. 01/04/2021 17 Une technique permettant de répertorier les identificateurs (noms d’élément et les attributs) utilisées dans les documents XML. Résoudre les conflits de noms utiliser plusieurs DTD dans un document. Utiliser des noms garantis uniques lors de l'édition du document Un espace de noms s’applique: À l’élément XML où il est déclaré et à tous les éléments contenus par cet élément. Aux attributs 01/04/2021 18 <uneBaliseDuDocumentCourant xmlns:Préfixe="UrlDeDtdOuSchemaAImporter"> <Préfixe:NomDeBalise ...>. </Préfixe:NomDeBalise ...>. Exemple : <rapport xmlns:math="adresse de la dtd Mathml"> <math:fn> … </math:fn> 01/04/2021 19 Espace de noms et attribut: Les attributs peuvent également bénéficier des espaces de noms Exemple: Soit: 140 Devient: 150 XML => http://www.w3.org/XML/1998/namespace XInclude => http://www.w3.org/2001/XInclude XLink => http://www.w3.org/1999/xlink MathML => http://www.w3.org/1998/Math/MathML XHTML => http://www.w3.org/1999/xhtml SVG => http://www.w3.org/2000/svg Schémas => http://www.w3.org/2001/XMLSchema Instances de schémas => http://www.w3.org/2001/XMLSchema-instance Schematron => http://purl.oclc.org/dsdl/schematron XSLT => http://www.w3.org/1999/XSL/Transform XSL-FO => http://www.w3.org/1999/XSL/Format DocBook => http://docbook.org/ns/docbook Dublin Core => http://purl.org/dc/elements/1.1/ 01/04/2021 20 Les DTD ne sont pas au format XML. Les DTD ne supportent pas les «espaces de nom». Le « typage » des données est extrêmement limité. la possibilité de spécifier par exemple qu'un attribut ne doit être qu'un nombre entier 01/04/2021 21 Une recommandation du W3c de mai 2001 Définir une méthodologie de description de document XML. Une syntaxe de classe de documents XML. Il permet un typage très fort des données XML Il s'exprime dans une syntaxe XML bien formée. Le schéma XML comporte deux parties : Les structures. Les Datatypes. <?xml version=“1.0“ ?> <xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema">  xsd:element xsd:attribute. xsd:simpleType xsd:complexType. ….. </xsd:schema> 01/04/2021 22 Type simple Un élément ne contenant pas de sous-élément ni d'attribut est considéré comme étant de type simple. Type complexe Un élément contenant soit des sous-éléments, soit des attributs, ou même les deux à la fois est considéré de type complexe. 01/04/2021 23 01/04/2021 24 La définition d’un élément de type simple respect la syntaxe suivante : Il existe plusieurs catégories de types simple string, booléen, décimal, intégrer, Date, La valeur d’élément peut être inchangeable ou définit par une valeur par défaut <xsd:element name=“nom" type="xsd:string" default=“nom par défaut"/> <xsd:element name=“nom" type="xsd:string" fixed=“nom fixe"/> <xsd:element name="nom uploads/s3/ cours-dev-web-7-evolution-web-xml.pdf