Qu'est-ce que XHTML ??_Échange d'expériences

Avant-propos :
De nos jours, tout le monde s'intéresse à la création de sites Web standard, et la technologie utilisée dans la création de sites Web standard est principalement XHTML+CSS. Maintenant, nous utilisons généralement du code HTML, alors comment dois-je le convertir ? Et quelle est la différence entre HTML et XHTML ? Dans ce didacticiel, vous apprendrez les différences entre HTML et XHTML et comment convertir du HTML en XHTML. Après tout, XHTML est la direction du développement, je pense donc qu'il est nécessaire de publier ce tutoriel sur ce site. Je pense que si vous souhaitez utiliser des standards, il est préférable d'apprendre d'abord le HTML car c'est plus facile, puis de regarder ce tutoriel. En même temps, c'est aussi une continuation du standard WEB XHTML&CSS que j'ai publié.

Introduction au XHTML :
En fait, le standard dont nous parlons devrait être XML, alors pourquoi devrions-nous apprendre XHTML ? Parce que le code HTML actuel est lourd et plein de risques, mais que l'environnement d'utilisation du XML n'est pas encore mature, un produit excessif a été lancé, XHTML, qui joue un rôle de hauts et de bas. Certaines personnes pensent également que XHTML est une version améliorée de HTML, ce qui est en fait exact. Je crois comprendre que XHTML est un langage de balisage qui rend le HTML plus standardisé, le rendant plus puissant et réduisant la lourdeur du code, en particulier les tableaux.
XHTML a été établi comme standard par l'organisation internationale de normalisation W3C (World Wide Web Consortium) le 26 janvier 2000. Il est considéré comme la dernière version du HTML et remplacera progressivement le HTML. Tous les navigateurs prennent désormais en charge XHTML et XHTML est compatible avec HTML 4.0. Certaines personnes pensent aussi que XHTML est HTML4.01. Si vous rédigez un site Web conforme aux normes pendant le processus d'apprentissage, vous pouvez passer la vérification W3C. Après avoir réussi la vérification, vous obtiendrez une note, généralement une certification XHTML1.0 et une vérification CSS. Je ne sais pas combien de sites Web en Chine ont réussi ces deux vérifications en même temps. Vous pouvez aller sur http://www.w3.org/ pour vérifier votre site. S'il répond à ces deux règles, nous nous donnerons deux morceaux de code à ajouter à votre page Web pour les montrer aux autres. Cela montre que vous avez adopté la norme pour créer le site Web, génial !

Pourquoi nous utilisons XHTML
Examinons un HTML qui contient un code d'erreur, comme suit :

Mauvais HTML　

Bien qu'il contienne des codes d'erreur, il peut toujours s'afficher normalement lorsque nous le parcourons dans le navigateur. XML est un langage de balisage, mais il nécessite que tout élément apparaissant dans une page Web soit marqué. XML est utilisé pour décrire les données de la page Web et HTML est utilisé pour afficher les éléments de la page Web. Les différentes technologies de navigation que nous utilisons actuellement sur Internet, notamment les ordinateurs portables, les téléphones mobiles, etc., nécessitent toutes que certains contenus à parcourir soient correctement balisés. S'il y a des balises incorrectes, l'affichage peut être particulièrement confus, voire impossible à afficher. correctement.
Ainsi, en combinant HTML et XML, ainsi que d'autres technologies, nous obtenons un langage qui est utile maintenant et qui le sera à l'avenir - XHTML. Lorsque tout sera standardisé à l'avenir, nous utiliserons des balises XHTML correctement formatées afin que tous les navigateurs puissent l'exécuter correctement, il est donc nécessaire pour nous de commencer à apprendre le XHTML maintenant.

La différence entre XHTML et HTML :
XHTML est une nouvelle technologie avant que les navigateurs et certains autres logiciels ne la prennent en charge, il est nécessaire que nous nous familiarisions avec cette technologie. Afin de mieux apprendre le XHTML, nous devons nous familiariser avec HTML4.0. Nous pouvons télécharger un manuel de référence pour nous familiariser avec lui. Afin de faciliter l'apprentissage du XHTML, en d'autres termes, lorsque nous utilisons HTML pour écrire du code, nous devons faire de notre mieux pour écrire le moins de codes d'erreur possible, tels que : utiliser des caractères minuscules pour écrire du HTML et ajouter la fin de la balise après chaque balise. Par exemple :
Bienvenue sur le site Web d'enseignement
Il doit y avoir une fin, et nous devons maintenir cette règle.
La plus grande différence entre eux est la suivante :
1.Les éléments XHTML doivent être correctement imbriqués.
En HTML, certains éléments peuvent être mal imbriqués et s'afficher quand même normalement, comme :
Ce texte est en gras et en italique
Mais en XHTML il doit l'être correct Il peut être utilisé normalement après l'imbrication, tel que :
　Ce texte est en gras et en italique
Remarque : Cette erreur se produit généralement dans les balises lorsqu'elles sont imbriquées à plusieurs niveaux. Tels que :

• Café


• Thé
  
  
  
  • 　
    
  • 　
  Lait
  
  
  
• Le bon doit être :

Café

　
Thé
• 　

　
• Thé noir
  
  　
  Thé vert
  • 　
    
  • 　
  
  
  Lait
  
　

• En observant les deux morceaux de code ci-dessus, nous pouvons voir que nous insérons correctement la balise
après
.

Les fichiers XHTML doivent avoir le format organisationnel correct.
Tous les XHTML doivent être correctement imbriqués dans les éléments commençant par et se terminant par . Les autres éléments peuvent avoir des éléments enfants, et les éléments enfants doivent être correctement imbriqués dans leurs éléments parents Inside. Par exemple :

...

...
Les noms de balises doivent être en lettres minuscules. Les documents XHTML étant des applications XML, XML est sensible à la casse. Les symboles
et sont deux balises différentes. Par exemple, le code d'erreur :



Ceci est un paragraphe
un paragraphe

　

Tous les éléments XHTML doivent être fermés Il ne peut pas y avoir d'éléments vides qui ne soient pas fermés dans notre code. En fait, il est plus facile pour nous de terminer ce point. Doit-il y avoir une fin au début ? Par exemple, le code d'erreur :

Ceci est un paragraphe
Ceci est un autre paragraphe

Le bon est :

Ceci est un autre paragraphe

Nous devons également terminer une balise indépendante par />.
Par exemple : Code d'erreur
Ceci est une rupture

Voici une règle horizontale :

---

Voici une image
Code correct :
Ceci est une pause

Voici une règle horizontale :

---

Voici une image
À travers les exemples ci-dessus, nous voyons essentiellement la différence entre HTML et XHTML, alors nous devrions essayer de changer notre HTML actuel à partir de maintenant, comme l'utilisation de balises minuscules et l'ajout du symbole de balise de fermeture "/>" après la balise.

Syntaxe du XHTML
Pour faire simple, vous devez utiliser une syntaxe HTML propre lors de l'écriture du XHTML.
Quelques autres exigences de syntaxe pour XHTML :
Les noms d'attribut doivent être en minuscules. Tels que :
Code d'erreur :

Code correct :

Les valeurs d'attribut doivent être citées. Tels que :
Code incorrect :

Code correct :

Les abréviations d'attributs sont interdites. Tels que :
Code incorrect :

Code :

🎜>HTML désactivé　　　disabled="disabled"
selected shade="noshade" nowrap　　　nowrap= "nowrap"
multiple " multiple="multiple" noresize noresize="noresize"
Utilisez l'attribut id au lieu de l'attribut name. Par exemple :
HTML 4.01 définit un attribut name pour a, applet, frame, iframe, img et map. En XHTML, l'attribut name ne peut pas être utilisé et doit être remplacé par id. Tels que :
Code d'erreur :


Code correct :


Remarque : Afin de permettre aux anciens navigateurs d'exécuter ce contenu normalement, nous pouvons également l'ajouter à la balise Utilisez à la fois les attributs id et name ensemble. Par exemple :
　

Afin de s'adapter à la navigation des nouveaux navigateurs, nous avons ajouté / à la fin du code ci-dessus pour terminer la balise.

La DTD XHTML définit le type de document.
En XHTML nous devons déclarer le type du document pour que le navigateur puisse savoir de quel type est votre document, et la partie déclaration doit être ajoutée avant l'en-tête du document. Tels que :
　

　
http://www.w3.org/1999/xhtml
">
　
　
Le titre va ici
　

Le corps du texte va ici
　


Remarque : La déclaration DOCTYPE ne fait pas partie du document XHTML, ni un élément du document , nous n'avons donc pas besoin d'ajouter la balise de fermeture. //www.w3.org/1999/xhtml" est une valeur fixe. Si vous ne la déclarez pas, elle sera automatiquement ajoutée avant la balise nbsp;Doctype goes here>.
La structure de base quand on utilise DOCTYPE : 　
　
　　
... 　

　 ...
DOCTYPE est l'abréviation de type de document, qui est utilisée pour indiquer la version de XHTML ou HTML que vous utilisez.
La DTD (telle que xhtml1-transitional.dtd) est appelée la définition du type de document, qui contient les règles du document. Le navigateur interprétera l'identité de votre page en fonction de la DTD que vous définissez et l'affichera.
Pour construire une page web conforme aux standards, la déclaration DOCTYPE est un composant essentiel et critique à moins que votre XHTML ne détermine un DOCTYPE correct, ni votre logo ni votre CSS ne prendront effet.

méthode d'écriture xhtml). Le code complet est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Strict : DTD avec des exigences strictes, vous ne peut utiliser aucun identifiant ni attribut de couche de présentation. Le code complet est le suivant :
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Frameset : Une DTD spécialement conçue pour les pages frame Si votre page contient un frame, vous devez utiliser cette DTD. Le code complet est le suivant :
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " Comment convertir l'existant structure en XHTML
Quel DOCTYPE choisissons-nous ? La situation idéale est bien sûr une DTD stricte, mais pour la plupart d'entre nous, concepteurs qui débutent dans les standards du Web, la DTD de transition (XHTML 1.0 Transitional) est actuellement le choix idéal (y compris ce site, nous utilisons également la DTD transitionnelle) car cette DTD nous permet également d'utiliser les identifiants, les éléments et les attributs de la couche de présentation, et il est plus facile de passer la vérification du code W3C
Lorsque nous convertissons du HTML actuel en XHTML, faites attention aux points suivants :
1. Ajoutez une description du type de document au début de chaque page. Par exemple :

http://www.w3.org/TR/xhtml1/. DTD/xhtml1-transitional.dtd<.>">Bien sûr, vous pouvez choisir d'autres types.
2. Utilisez des lettres minuscules pour les balises et les noms. ​nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "3. Toutes les valeurs d'attribut doivent être placées entre guillemets. 4. Les balises individuelles, telles que :
,
et
, doivent être terminées en ajoutant / à la fin.

---

Il n'est pas recommandé d'utiliser des méthodes telles que :
et Ajoutez simplement / directement après elles, telles que
. 5. Vérification W3C réussie. Entrez sur le site officiel du W3C DTD : http://validator.w3.org/check/referer
, une erreur s'affichera lors de la vérification. Vous pouvez également utiliser l'outil Tidy fourni par le site officiel pour réaliser la conversion :
http://www.w3.org/People/Raggett/tidy/　Modularité XHTML Pourquoi ? Qu'en est-il de la conception modulaire pour XHTML ? Bien que XHTML soit simple, il contient beaucoup de contenu, y compris la plupart des fonctions dont un concepteur Web a besoin. XHTML est complexe d’une part, mais très simple d’autre part. Afin de diviser le XHTML en petits modules, le W3C a établi un ensemble de petits éléments XHTML bien définis qui peuvent être utilisés indépendamment par des appareils simples et combinés avec d'autres normes XML dans des programmes plus grands et plus complexes.

Grâce au modèle XHTML, les programmeurs peuvent effectuer les opérations suivantes :

1. Sélectionnez les éléments qui peuvent être pris en charge par les appareils qui utilisent la norme de bloc de construction XHTML.
　2. XHTML peut être étendu en utilisant XML tout en suivant le standard XHTML.
　3. Le XHTML simplifié peut être appliqué à des appareils tels que des ordinateurs de poche, des téléphones mobiles, des téléviseurs et des appareils électroménagers.
4. Étendre XHTML à la conception de programmes complexes en ajoutant de nouvelles fonctions XML (telles que le son et le multimédia).
5. Définir les grandes lignes du XHTML comme XHTML Basic (un sous-ensemble de XHTML pour les appareils mobiles).




* indique le désapprobation de l'application au XHTML