XHTML (Extensible Hypertext Markup Language) est un langage de balisage qui combine les flexibility de HTML (Hypertext Markup Language) avec la syntaxe stricte et l'extensibilité du XML (Extensible Markup Language). Créé pour succéder au HTML, XHTML est une norme du W3C qui vise à améliorer la structure, la compatibilité et l'interopérabilité des documents Web en appliquant des règles de syntaxe plus strictes.
Contrairement au HTML, qui peut parfois afficher des pages comportant des erreurs mineures, les documents XHTML doivent suivre les règles du standard XML pour être traités correctement par navigateurs web. Le respect des règles XML signifie que les documents sont rendus de manière cohérente sur différents navigateurs et appareils, améliorant ainsi l'expérience utilisateur. XHTML permet aux professionnels de l'informatique et aux entreprises en ligne de créer un contenu Web à la fois robuste et polyvalent, prenant en charge une large gamme d'applications et de services dans divers domaines.
XHTML contre HTML
Voici un aperçu des différences entre XHTML et HTML.
| Fonctionnalité | XHTML | HTML |
| Fondation | Combine les HTML flexcompatibilité avec la syntaxe stricte de XML. | Langage de balisage standard pour la création de pages Web. |
| Règles de syntaxe | Nécessite le strict respect de la syntaxe XML, notamment la fermeture de toutes les balises et l'utilisation de minuscules. | Plus indulgent avec la syntaxe ; autorise les balises non fermées et l'insensibilité à la casse. |
| Compatibilité | Conçu pour être compatible avec les analyseurs et processeurs XML, ce qui le rend adapté à un plus large éventail de applications. | Principalement destiné aux navigateurs Web, avec un accent sur le rendu visuel. |
| DOCTYPE | Utilise des déclarations DOCTYPE plus strictes pour garantir la conformité XML. | HTML5 a simplifié la déclaration DOCTYPE, en mettant l'accent sur la facilité d'utilisation. |
| La gestion des erreurs | Nécessite une structure de document correcte et ne s'affichera pas avec des erreurs ; favorise un code plus propre et plus fiable. | Les navigateurs sont conçus pour gérer les erreurs, affichant le contenu même avec quelques erreurs de balisage. |
| Accent mis sur le développement | Destiné à garantir que les documents Web sont bien formés, favorisant la cohérence entre les différents appareils et navigateurs. | Se concentre sur la facilité d'utilisation, la compatibilité ascendante et la prise en charge d'un large éventail de types de contenu sans exigences de syntaxe strictes. |
| Extensibilité | S'intègre facilement à d'autres applications XML, facilitant ainsi la gestion et la présentation de données plus complexes. | Bien qu'il ne soit pas aussi strictement extensible que XHTML, HTML5 introduit des API et des fonctionnalités prenant en charge un large éventail d'applications Web. |
| Utilisation | Moins courant dans les nouveaux projets de développement Web en raison d'exigences plus strictes et de l'essor du HTML5. | Largement utilisé dans le développement Web, HTML5 étant le standard actuel offrant une plus grande flexabilité et fonctionnalités pour les applications Web modernes. |
Une brève histoire du XHTML
XHTML est apparu à la fin des années 1990 comme une reformulation de HTML 4.01 utilisant XML 1.0. Le World Wide Web Le Consortium (W3C) a introduit XHTML 1.0 en 2000, dans le but de combiner l'utilisation répandue et la familiarité du HTML avec la syntaxe stricte et l'extensibilité du XML. Cette décision visait à promouvoir des pratiques de développement Web plus rigoureuses, garantissant que les documents étaient bien formés et respectaient des normes plus strictes. L'introduction de XHTML a constitué une étape importante vers un Web plus structuré et interopérable, soulignant l'importance de la validité et de la cohérence des documents sur plusieurs plates-formes et navigateurs.
Cependant, l’évolution des standards du Web et l’avènement du HTML5 ont ramené la dynamique vers le HTML. HTML5, introduit en 2014, répondait à de nombreux besoins pratiques de la communauté du développement Web, tels que la prise en charge multimédia native, davantage d'éléments sémantiques et de nouveaux contrôles de formulaire, sans nécessiter les règles syntaxiques strictes de XHTML.
Malgré l'enthousiasme initial pour XHTML et sa stricte conformité avec XML, la communauté du développement Web a largement favorisé le flexabilité et simplicité de HTML5. Par conséquent, la popularité du XHTML a décliné et le XHTML 2.0, en cours de développement, a finalement été abandonné au profit du HTML5.
Aujourd'hui, même si XHTML trouve encore son utilité dans des contextes spécifiques où la compatibilité XML est requise, HTML5 est de facto le standard pour créer des pages Web robustes et interactives.
Pourquoi XHTML est-il utilisé ?
XHTML est utilisé pour plusieurs raisons clés, notamment :
- Syntaxe stricte pour un code plus propre. XHTML applique des règles de syntaxe strictes, par exemple en exigeant que tous les éléments soient correctement imbriqués, fermés et en minuscules. Cela conduit à un code plus propre, sans erreur, plus facile à maintenir et à déboguer.
- Compatibilité entre appareils. Les normes strictes de XHTML contribuent à garantir que les documents sont rendus de manière plus cohérente sur les différents navigateurs et appareils. Ceci est essentiel pour les applications Web qui doivent fonctionner de manière transparente sur plusieurs plates-formes.
- Intégration avec les applications XML. XHTML étant une application de XML, il s'intègre bien aux autres applications XML. Ceci est particulièrement utile pour les services Web, systèmes de gestion de contenu (CMS)et les applications qui utilisent des données provenant de diverses sources.
- Contenu évolutif. L'adhésion de XHTML aux normes XML signifie que le contenu est plus susceptible d'être compatible avec les technologies Web émergentes. Ceci est essentiel pour la stratégie de contenu et l’archivage à long terme.
- Accessibilité et internationalisation. XHTML prend mieux en charge les normes d'accessibilité et l'internationalisation grâce à sa syntaxe stricte et sa compatibilité avec diverses technologies d'analyse de documents. Cela le rend idéal pour les projets qui nécessitent le respect des directives d’accessibilité ou qui doivent prendre en charge plusieurs langues.
- Discipline de développement. L'exigence d'un code bien formé encourage de meilleures pratiques de codage parmi les développeurs. Cela améliore la qualité des pages Web en termes de robustesse et de fiabilité.
Éléments de XHTML
En tant que reformulation du HTML 4.01 en XML, XHTML utilise de nombreux éléments du HTML. Néanmoins, ces éléments doivent être utilisés selon les règles strictes de syntaxe XML.
Voici un aperçu des éléments XHTML clés :
Éléments structurels
- html. L'élément racine qui définit un document XHTML.
- front. Contient des méta-informations sur le document, telles que son titre et des liens vers des feuilles de style.
- titre. Spécifie le titre du document, qui apparaît dans la barre de titre ou l'onglet du navigateur.
- corps. Contient le contenu du document, tel que le texte, les images et les liens.
Éléments de formatage du texte
- p. Définit un paragraphe.
- br. Insère un saut de ligne.
- h1 à h6. Définit les en-têtes, avec h1 étant le plus haut niveau et h6 le plus bas.
- STRONG. Indique une forte emphase sur le contenu, généralement affiché sous forme de texte en gras.
- em. Indique une emphase qui modifie subtilement le sens d'une phrase, généralement affichée sous forme de texte en italique.
Lien hypertexte et éléments d'image
- a. Définit un lien hypertexte, renvoyant vers une autre page ou un emplacement dans la même page.
- img. Incorpore une image dans le document. A besoin src (source) et alt (texte alternatif) attributs.
Éléments de liste
- ul. Définit une liste non ordonnée.
- Hey Définit une liste ordonnée.
- li. Définit un élément de liste, utilisé soit dans ul or ol Mots clés.
Éléments du tableau
- table. Définit une table.
- tr. Définit une ligne dans un tableau.
- td. Définit une cellule dans un tableau.
- th. Définit une cellule d'en-tête dans un tableau.
Éléments de formulaire
- formulaire. Définit un formulaire HTML pour la saisie de l'utilisateur.
- contribution. Définit un champ de saisie dans un formulaire.
- textarea. Définit un champ de saisie multiligne (zone de texte).
- étiquette. Définit une étiquette pour un contribution .
- bouton (dans la fenêtre de contrôle qui apparaît maintenant). Définit un bouton cliquable.
Éléments de script et de style
- scénario. Place des scripts, tels que JavaScript, dans le document.
- Catégorie. Contient des informations de style pour le document, généralement CSS.
Autres éléments importants
- objectif. Fournit des métadonnées sur le document HTML, telles que les paramètres du jeu de caractères, de l'auteur et de la fenêtre d'affichage.
- lien. Utilisé pour lier des ressources externes telles que des fichiers CSS au document.
- div. Définit une division ou une section dans un document HTML et est utilisé à des fins de style ou de script.
- envergure. Définit un conteneur en ligne utilisé pour baliser une section d'un texte ou d'un document à des fins de style ou de script.
Chacun de ces éléments doit être utilisé selon les règles de syntaxe strictes de XHTML, comme la fermeture de toutes les balises (par exemple, Si vous êtes intéressé à travailler avec nous, s'il vous plaît envoyez votre CV à <a href="https://web.archive.org/web/20190225041614/mailto:[email protected]" data-no-instant="">[email protected]</a> et référencer le nom d'affichage. Nous encourageons les diplômés à postuler pour ce poste. Seuls les candidats retenus seront contactés.<p></p>) et en utilisant des balises minuscules. De plus, les attributs doivent être cités et des éléments comme br ainsi que img doivent être auto-fermés s'ils ne contiennent aucun contenu (par exemple, , ).
Contraintes XHTML
XHTML comporte certaines contraintes que les développeurs doivent garder à l'esprit.
XHTML obligatoire Déclaration
En XHTML, l'obligation déclaration au début du document, avant le balise, définit le type et la version du document pour le navigateur. Cela aide le navigateur à afficher correctement la page en l'informant du type de XHTML utilisé (Strict, Transitional ou Frameset).
Éléments imbriqués
XHTML exige que les éléments soient correctement imbriqués les uns dans les autres, en conservant une structure claire et logique. Cela signifie que si un élément est ouvert dans un autre élément, il doit être fermé avant que l'élément externe ne soit fermé. Une imbrication appropriée permet aux analyseurs XML d'interpréter correctement la structure du document, contribuant ainsi à éviter les problèmes de rendu sur différents navigateurs et appareils.
Les éléments XHTML doivent être fermés
Contrairement au HTML, où certains éléments peuvent être laissés ouverts et où le navigateur restituera toujours le contenu correctement, l'adhésion de XHTML aux règles de syntaxe XML signifie que chaque balise de début doit avoir une balise de fin correspondante. La fermeture des balises aide à éliminer toute ambiguïté dans la structure du document, garantissant ainsi que les analyseurs peuvent interpréter avec précision le contenu et la structure du document.
Les éléments vides doivent être fermés
En XHTML, même les éléments vides, tels que <br>, et , doit encore être fermé. Cela se fait généralement en utilisant une syntaxe de balise à fermeture automatique (par exemple, or ). Cette règle renforce l'exigence XML selon laquelle chaque élément doit être explicitement ouvert et fermé, garantissant la clarté de la structure du document et facilitant une analyse sans erreur par les processeurs XML.
Les éléments doivent être en minuscules
XHTML impose l'utilisation de minuscules pour tous les noms d'éléments, reflétant sa base XML, qui est sensible à la casse. Cela contraste avec le HTML, où les noms d'éléments peuvent être en majuscules, en minuscules ou dans un mélange des deux. L'exigence de noms d'éléments minuscules dans XHTML favorise la cohérence et réduit le risque d'erreurs lors du traitement des documents, rendant le code plus lisible et plus facile à gérer.
Les noms d'attribut doivent être en minuscules
Comme les noms d’éléments, tous les noms d’attributs en XHTML doivent être en minuscules pour être correctement interprétés. S'assurer que les noms d'attributs sont en minuscules permet de maintenir la cohérence dans l'ensemble du document, simplifie le débogage et améliore la compatibilité avec les outils et technologies XML.
Les valeurs d'attribut doivent être citées
En XHTML, les valeurs affectées aux attributs doivent toujours être entourées de guillemets (soit simples). ' ou double " citations). La citation des attributs garantit que leurs valeurs sont correctement interprétées par les analyseurs, en particulier lorsque les valeurs contiennent des espaces ou des caractères spéciaux.
La minimisation des attributs est interdite
XHTML ne permet pas la minimisation des attributs, une pratique courante en HTML, où il n'est pas nécessaire d'attribuer une valeur à un attribut. En XHTML, tous les attributs doivent être explicitement définis avec une valeur, même si cela implique de répéter le nom de l'attribut comme valeur. Par exemple, un attribut HTML réduit comme vérifié en XHTML doit être écrit comme vérifié="vérifié". Cette règle élimine toute ambiguïté et s'aligne sur les critères XML pour les documents bien formés.
