Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
1
INF2005– Programmation web– A. Obaid Variantes de HTML
2
INF2005– Programmation web– A. Obaid Variantes de HTML Trois variantes: strict, transitional, frameset A chacune est associé un ensemble de règles décrites par une DTD (Document Type Definition): – Éléments permis, imbrications, attributs permis, valeurs d’attributs permises,… – Définies dans un élément HTML 4.x possède trois DTD 2
3
INF2005– Programmation web– A. Obaid Variante strict Version privilégiée par le W3C. HTML nettoyé – H 4.01 Moins d’éléments et d’attributs Se base beaucoup sur CSS Usage intensif des éléments de bloc (,,…) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" > 3
4
INF2005– Programmation web– A. Obaid Variante transitional Compromis entre HTML 3.2 et HTML 4.0. Permet les éléments et attributs obsolètes dits deprecated: – align, bgcolor,… Existe pour accommoder les sites web existants <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4
5
INF2005– Programmation web– A. Obaid Variante frameset Identique à la variante transitionalen HTML 4.01 mais permet d’utiliser des frames (cadres) avec l’élélemnt <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 5 html23.html
6
INF2005– Programmation web– A. Obaid Validation HTML 4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Validation de site Un exemple de site a valider Un deuxiemeparagraphe Un texte rouge ! non valide --> un troisemeparagraphe html22.html 6
7
INF2005– Programmation web– A. Obaid XHTML XHTML est une combinaison de HTML 4.0 et XML: – Inclut les éléments in HTML 4 avec les exigences de syntaxe de XML. XML est utilisé pour décrire les données HTML est utilisé pour le formatage On combine la force de HTML et de XML 7
8
INF2005– Programmation web– A. Obaid XML-Exemple <?xml version="1.0" encoding="UTF-8"? Programmation des reseaux Abdel Obaid Loze-Dion 2003 Introduction aux reseaux IP Les protocoles de transport … livre auteur titre editeuranneecontenu chapitre Livres livre Introduction aux reseaux IP Programmation des reseaux 8
9
INF2005– Programmation web– A. Obaid Traitement de documents XML Mettre en relation la description, les données et l'affichage 9 Données XML DTD ou Schéma (X)HTML Validation Présentation
10
INF2005– Programmation web– A. Obaid Traitement de documents XML 10 To: Jean From: Alain Sujet: Rappel Je te rappelle la reunion de Lundi ! <!DOCTYPE note [ ]> Jean Alain Rappel Je te rappelle la reunion de Lundi !
11
INF2005– Programmation web– A. Obaid Restrictions de XHTML Un contenu doit être dans une container (,,…) Respecter les emboitement des éléments. – Mettrel'accentsur un paragraphe n’est pas correcte. Chaque balise ouvrante doit avoir une fermante correspondante – Sauf les balise vides comme ou Les éléments doivent être en minuscule. est toujours présent : racine du document Les noms des attributs doivent être en minuscule La valeurs des attributs doivent être mis entre guillemets Certains éléments sont obligatoires: – DOCTYPE,,, et 11
12
INF2005– Programmation web– A. Obaid Structure d'un document XHTML... 12
13
INF2005– Programmation web– A. Obaid Les DTD de XHTML Comme HTML4, XHTML a trois variantes Strict: – Transitional: – Si on veut continuer à utiliser HTML – Pour la migration vers XHTML – Frameset: – 13
14
INF2005– Programmation web– A. Obaid Validation XHTML 14 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Un exemple de document en XHTML Ceci est un paragraphe d'introduction … Section 1 … Aller voir a l'UQAM … xhtml1.html
15
INF2005– Programmation web– A. Obaid Internationalisation XHTML Dans, on peut spécifier un espace de nom – Ou bien au début du document XHTML – 15
16
INF2005– Programmation web– A. Obaid Attribut de langue XHTML Dans, on peut spécifier la langue. L'attribut lang indique la langue utilisée dans le contenu de l'élément – Utilise les abréviations ISO-639 1 des langues fr : Francais, en : English, ar: Arabe, pt : Portugais, tw : Twi, wo : Wolof. L'attribut dir spécifie la direction de l'écriture: ltr: gauche à droite ou rtl : droite à gauche 16
17
INF2005– Programmation web– A. Obaid Restrictions de HTML5 On doit utiliser le approprié. – ou Utiliser (préférablement) des noms d'éléments en majuscule – Ne pas mélanger le majuscule et le minuscule. Fermer tous les éléments – …. Fermer les élements vides –, Utilise les noms d'attributs en minuscule. Mettre les valeurs des attributs entre guillemets 17
18
INF2005– Programmation web– A. Obaid Restrictions de HTML5 Utiliser l'attribut alt pour Des espaces entourant le signe = ne sont pas autorisés. Indenter le code. C'est plus lisible ! La baise est requise. – Y mettre un titre significatif ! 18 Source: http://www.w3schools.com/html/html5_syntax.asp
Présentations similaires
