XHTML: codage Web pour une conception raffinée

• Mai 2, 2024

XHTML 1.0 et 1.1 représentent EXtensible HyperText MArkup Language et représentent un bond de géant en avant de HTML 4.0. Ils combinent le meilleur de HTML 4.0 avec XML pour donner au concepteur un schéma de codage plus sophistiqué pour une conception Web raffinée et plus décisive.

Le W3C, les parents de tous les langages HTML, a décrit XHTML 1.0 comme "le premier changement majeur au HTML depuis la sortie de HTML 4.0 en 1997. Il apporte la rigueur du XML aux pages Web et est la pierre angulaire du travail du W3C pour créer des normes qui fournissent des pages Web plus riches sur une gamme toujours croissante de plates-formes de navigation, y compris les téléphones portables, les téléviseurs, les voitures, les communicateurs sans fil de la taille d'un portefeuille, les kiosques et les ordinateurs de bureau. "

Variations XHTML

Trois types distincts de XHTML sont disponibles pour répondre aux besoins de tous les concepteurs Web. Il s'agit notamment de Strict, Transitional et Frameset XHTML.

XHTML 1.0 Strict - la forme la plus pure pour les concepteurs de sites Web expérimentés. Cette version vous permet de créer un code propre et grinçant, sans avoir à insérer de code de mise en page (police, couleur, mise en page) dans votre document. Au lieu de cela, vous incorporez au début le code CSS (Cascading Style Sheet).

Transitionnel XHTML 1.0 - un milieu du format du code de la route pour aider les concepteurs qui ont besoin de temps pour apprendre ce nouveau moyen de codage, ou qui souhaitent accueillir les téléspectateurs qui utilisent encore des navigateurs Web plus anciens. Des feuilles de style sont utilisées mais un bon vieux code HTML est également incorporé. Par exemple, la balise body inclut toujours les attributs bgcolor, text, links, vlinks.

Jeu de cadres XHTML 1.0 - cette variation est explicite - vous l'utilisez lorsque vous souhaitez incorporer XHTML dans un document basé sur un cadre.

Encore une autre version plus avancée, XHTML 1.1 permet d'ajouter du code modulaire pour les besoins de codage internationaux et autres besoins spéciaux. Des modules RUBY sont incorporés afin de faciliter ce codage supplémentaire. Le changement le plus significatif dans XHTML 1.1 est le découplage des données de la présentation. Le formatage n'est plus intégré aux données et ne peut être réalisé qu'en référençant les feuilles de style en cascade (CSS). Cela laisse les données disponibles pour une analyse et une réutilisation faciles par une large gamme de nouveaux produits non bureautiques et d'applications d'accessibilité.

Ranger votre HTML

Dave Raggett et Source Forge du W3C offrent actuellement un excellent utilitaire open source, HTML Tidy aux concepteurs qui souhaitent convertir leurs documents HTML actuels en XHTML (et ranger leur code dans le processus). Cet outil pratique aidera votre code à briller en effectuant toutes ces tâches utiles:

• Les balises de fin manquantes ou incompatibles sont détectées et corrigées


• Les balises de fin dans le mauvais ordre sont corrigées


• Résout les problèmes d'accentuation des titres


• Récupère à partir de balises mélangées


• Ajout de la barre oblique manquante dans les balises de fin pour les ancres


• Perfectionnement des listes en insérant des balises manquantes


• Des guillemets manquants autour des valeurs d'attribut sont ajoutés


• Des attributs inconnus / propriétaires sont signalés


• Les éléments propriétaires sont reconnus et signalés comme tels


• Les étiquettes dépourvues de crochet de terminaison sont repérées


• Remplace le code de mise en page en excès par des propriétés de style et des règles à l'aide de CSS


• Supprime les éléments de paragraphe et de titre vides

The Nitty Gritties

L'une des "règles" principales lors de l'utilisation de XHTML est que le code doit être propre et complet.

• Tous les éléments doivent avoir des balises fermantes et s'imbriquer correctement.


• Toutes les balises doivent être écrites en minuscules - XML ​​est sensible à la casse.


• Les balises de fin doivent être incluses pour TOUT éléments


• Tous les attributs doivent être entre guillemets, par exemple. largeur, colspan, rowpan


• Les éléments vides doivent avoir une balise de fin

Un coup de main

Vous vous sentez dépassé par l'apprentissage d'un autre format HTML? Si c'est le cas, l'aide est à portée de main. XStandard est un éditeur de code WYSIWYG qui vous aide à écrire du code XHTML pur et propre dans XHTML 1.0 Strict ou XHTML 1.1. Les créateurs décrivent ce logiciel comme: "l'éditeur WYSIWYG normalisé le plus avancé du marché. Il est idéal pour tout système de gestion de contenu Windows ou basé sur un navigateur prenant en charge ActiveX. XStandard gère un contenu riche dans n'importe quelle langue, possède de fortes fonctionnalités d'accessibilité et prend en charge les options d'édition les plus courantes, notamment les tableaux, l'habillage du texte autour des images et le glisser-déposer des fichiers dans l'éditeur. " Le logiciel est disponible dans une version XStandard Lite gratuite et une version XStandard Pro plus polyvalente.

Si vous voulez que votre site fonctionne bien dans les navigateurs et les appareils non traditionnels d'aujourd'hui et qu'il continue de bien fonctionner dans demain, c'est une bonne idée de créer de nouveaux sites en XHTML et de convertir les anciennes pages en XHTML si votre horaire de travail le permet. Bien sûr, ce n'est pas la fin! Déjà, des travaux sont en cours pour créer XHTML 2.0. Le mouvement consiste à se concentrer uniquement sur la structure, et non sur la compatibilité descendante. Vous pouvez lire sur cette nouvelle forme de XHTML sur le site Web d'IBM dans leur article, L'avenir du Web: XHTML 2.0.

Série d'articles en surbrillance HTML

PARTIE 1: Un designer crédible doit-il connaître le HTML?
PARTIE 2: HTML 3.2 - La naissance de Wilbur
PARTIE 3: HTML 4.0 ET 4.01 - Plus d'une bonne chose!
PARTIE 4: XHTML: codage Web pour une conception raffinée
PARTIE 5: DHTML: codage Web dynamique

Instructions Vidéo: Cours complet Débutez en XHTML Formation pour débutant (Mai 2024).