XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications.

Présentation au sujet: "XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications."— Transcription de la présentation:

1 XHTML EXtensible HyperText Markup Language

2 HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications du W3C (consortium World Wild Web http://www.w3.org/)http://www.w3.org/ Tous deux dérivent de la norme SGML (Standard Generalized Markup Language, ISO 8879) mais sont incompatibles (un document HTML nest pas un document XML bien formé etc.)

3 HTML vers XHTML XHTML est le successeur de lHTML Spécification W3C pour la publication de document sur le World Wild Web HTML 1989 CERN – projet WWW / 1993 Internet Draft for HTML / 1995 HTML 2.0 / 1997 HTML 3.2 et 4.0 XHTML 1.0 (1999) est une reformulation de lHTML 4.01 respectant la syntaxe XML

4 XHTML 1.0 Successeur de lHTML XHTML 1.0 = fonctionnalités HTML 4.01 Outils de conversion automatique de code HTML 4.01 en XHTML 1.0 (ex. HTML Tidy) http://tidy.sourceforge.net/ Application XML, avec respect de la syntaxe XML Modularité –Support de plates-formes diverses : nouvelles (voitures, téléphones, ultras portables…), de capacités limitées (PDA, téléphones…) ou riches (PC…) –Librairies mathématiques, graphiques, applicatives etc.

5 XHTML versus HTML 4 – 1/3 Document bien formés au sens XML Balises correctement imbriquées Correct : Paragraphe avec texte en gras Incorrect : Paragraphe avec texte en gras Balises fermées Correct : Paragraphe Incorrect : Paragraphe Noms des balises et attributs en minuscules Correct : Hello Incorrect : Hello

6 XHTML versus HTML 4 – 2/3 Valeurs des attributs entre guillemets Correct : Incorrect : Valeurs abrégées des attributs interdites Correct : Incorrect : Attribut "name" remplacé par l'attribut "id" Correct : … Incorrect : …

7 XHTML versus HTML 4 – 3/3 Doit contenir une déclaration de type de document DTD Puis doit commencer par la balise html Titre du document Corps du document

8 Exemple : HTML 4.01 versus XHTML 1.0 Exemple HTML 4 Des éléments comme HTML, HEAD et BODY sont implicites, leurs balises ouvrantes et fermantes sont optionnelles. De nombreuses balises fermantes sont optionnelles, notamment pour P (paragraphe) et LI (entrée de liste). Les noms d'éléments et d'attributs peuvent librement mélanger majuscules et minuscules. Certains attributs ont une valeur par défaut. Les guillemets ne sont pas toujours obligatoires autour des valeurs d'attribut. Les éléments vides n'ont pas de syntaxe fermante. Exemple XHTML 1.0 Tous les éléments doivent être explicitement balisés. Les balises fermantes ne sont pas optionnelles. Les noms d'éléments et d'attributs doivent être en minuscules. Tous les attributs doivent avoir une valeur explicite. Les guillemets sont toujours obligatoires autour des valeurs d'attribut. Les éléments vides doivent être fermés. Ex1HTMLEx1XTML

9 DTD XHTML 1.0 définit 3 types de DTD. Transitional Il est possible dutiliser les éléments de style HTML à lintérieur du document. Exemple : font, center, bgcolor etc. Strict Les éléments de style doivent être définis dans une feuille CSS. Frameset Identique à Transitional, mais où la balise body est remplacée par la balise frameset, elle-même contenant des balises frame.

10 Validation de document XHTML

11 Conversion HTML en XHTML Exemple : outil libre HTML Tidy http://tidy.sourceforge.net/ A linvite de commande : tidy.exe --output-xhtml yes old.html > new.html Source et résultat : old.html, new.htmlold.htmlnew.html

12 XHTML 1.1 - Modularité Modularité –Support de plates-formes diverses : nouvelles (voitures, téléphones, ultras portables…), de capacités limitées (PDA, téléphones…) ou riches (PC…) : XHTML Basic –Librairies mathématiques, graphiques, applicatives etc. XHTML 1.1 est défini à partir de XHTML 1.0 Strict, avec regroupement des balises et attributs par collections – modules (Image, Style, Applet etc.) XHTML 2 a été abandonné au profit de HTML5 – XHTML5

13 XHTML5 – HTML 5 HTML5 (HyperText Markup Language 5) est la dernière révision du principal langage du web, HTML. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5webHTMLDOM

14 Quelleques différences XHTML5 : utilisation du syntaxe xml plus strict du xml HTML5 peut utiliser la définition du document

15 Exemple

16 Nouvelles fonctionnalités X/HTML 5 des nouveau elements qui partitionnent des pages Web page en sections, ex: :,, :

17 Références Page daccueil du groupe de travail XHTML du W3C http://www.w3.org/MarkUp/ Spécification « XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) » http://www.w3.org/TR/xhtml1/ Valider un document XHTML http://validator.w3.org/ Exemple de convertisseur dHTML en XHTML : HTML Tidy http://tidy.sourceforge.net/