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

Slides:



Advertisements
Présentations similaires
Données structurées et XML
Advertisements

HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Introduction aux Web Services Partie 1. Technologies XML
16/01/2006 : 18h30-21h30 Aurélien Barbier-Accary 1 Coordonnées Aurélien Barbier-Accary Aurélien Barbier-Accary Supports du cours accessibles sur :
DTD Sylvain Salvati
Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Internet : serveurs Web
HTML5, CSS3, PHP5, Javascript, AJAX
Les espaces de nommage XML par Philippe Poulard 1
Données structurées et XML
le langage les éléments
Domaines nominaux XSLT
Nicolas Singer Maître de conférence, université Champollion
Projet Web/BD.
Introduction et Concepts : De SGML à XML
Introduction aux Web Services Partie 1. Technologies HTML-XML
Adamou Mahamane Sidi Maman Bachir
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Web traditionnel
XMLXML Ing. Rodrigue Osirus UP - FACULTÉ DES SCIENCES INFORMATIQUES Ing. Rodrigue Osirus UP - FACULTÉ DES SCIENCES INFORMATIQUES Introduction à la technologie.
Langage de structuration des données: XML
HTML.
Introduction.
Xml/xslt : Extensible Stylesheet Language Transformation réalisé par: saÏd NAÏM.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
Notions sur le XML Réfs : manuel p 149. Introduction Le XML (eXtensible Markup Language) est un standard d'échange de données. Il fait partie comme le.
Rappel (très) succint d’éléments techniques (XML, DTD, XSL, PHP)
STAF 2X XSL/FO Glaus & Ruckstuhl Mars © Glaus & Ruckstuhl TECFA Programme du 18 et 19 mars Revision XML Introduction à XSL/FO (intérêts et.
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
CSI 3525, XML, page 1 XML sources dinspiration: Erik T. Ray, "Learning XML", 1 st ed., OReilly Robert Eckstein with Michel Casabianca, "XML Pocket Reference",
HTML / CSS Gestion des systèmes d’information Classe terminale
HTML-CSS-XHTML.
Agenda Généralités sur XMLGénéralités sur XML La syntaxe du langage Les API pour XML Un exemple Un exercice.
8 - XML Cours XML.
Le Langage XML Belkhir Abdelkader Laboratoire LSI USTHB
1 Programmation Web II 2 ème année Licence Appliquée IAG Faculté des Sciences Economiques et de Gestion de Nableul Université 7 novembre à Carthage Années.
Le langage XHTML 420-S4W-GG Programmation Web Client
Le langage du Web CSS et HTML
LE HTML ISN Terminale S Un peu d’histoire …
Le langage XML.
Amalia Todirascu 1.  Enseignants: Amalia Todirascu groupe  Contrôle de connaissances: examen.
Cours de programmation web
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Programmation Web : Introduction à XML
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
Copyright © 2005 Yves MARCOUX1 Concepts XML de base Yves MARCOUX EBSI - Université de Montréal.
XHTML les fondamentaux M.DIENG Abdoulaye DTS 1 Réseaux & Données.
S'initier au HTML et aux feuilles de style CSS Cours 5.
Développement d’Application Web.  L’internet=WWW  Vrai  Faux  C’est quoi Web2.0  Quel intérêt d’un navigateur.
Campus-Booster ID : **XXXXX Copyright © SUPINFO. All rights reserved Le développement Web.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
Chap 0 : Introduction HTML et CSS
INTERNET Le langage HTML
Soutenance du mémoire de synthèse
Module : Langage XML (21h)
Modélisation des documents: DTD et Schéma
eXtensible Markup Language. Généralités sur le XML.
HTML Cours 1.
Vers la modularisation des données du web XHTML. Qu'est-ce que XHTML ? ● XHTML est une famille de types de documents futurs et actuels et de modules :
Html et css.
XML : un métalangage pour la description de documents structurés XML a été défini par le consortium W3 en fonction de 2 objectifs: Compenser les limitations.
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Le langage XML Documents bien formés Un document XML est dit bien formé lorsque le document est correct sans toutefois posséder une DTD. Le prologue du.
INF2005– Programmation web– A. Obaid Variantes de HTML.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
Création de site web Langage & programmation.
Transcription de la présentation:

XHTML EXtensible HyperText Markup Language

HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications du W3C (consortium World Wild Web 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.)

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

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) 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.

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

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 : …

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

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

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.

Validation de document XHTML

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

XHTML 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

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

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

Exemple

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

Références Page daccueil du groupe de travail XHTML du W3C Spécification « XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) » Valider un document XHTML Exemple de convertisseur dHTML en XHTML : HTML Tidy