Apakah itu XHTML??_Pertukaran pengalaman

Kata Pengantar:
Pada masa kini, semua orang memberi perhatian kepada pembinaan tapak web standard, dan teknologi yang digunakan dalam pembinaan tapak web standard adalah terutamanya XHTML+CSS Kini kami biasanya menggunakan kod HTML, jadi bagaimanakah saya harus menukarnya? Dan apakah perbezaan antara HTML dan XHTML? Dalam tutorial ini, anda akan mempelajari perbezaan antara HTML dan XHTML, dan cara menukar HTML kepada XHTML. Lagipun, XHTML adalah hala tuju pembangunan, jadi saya rasa perlu untuk menerbitkan tutorial ini di laman web ini. Saya rasa kalau nak guna standard, lebih baik belajar HTML dulu sebab lebih mudah, baru tengok tutorial ni. Pada masa yang sama, ini juga merupakan kesinambungan daripada standard WEB XHTML&CSS yang telah saya terbitkan.

Pengenalan kepada XHTML:
Sebenarnya, standard yang kita bincangkan mestilah XML, jadi mengapa kita perlu belajar XHTML? Oleh kerana kod HTML semasa adalah rumit dan penuh dengan risiko, tetapi persekitaran penggunaan XML masih belum matang, produk yang berlebihan telah dilancarkan, iaitu XHTML, yang memainkan peranan naik turun. Sesetengah orang juga berpendapat bahawa XHTML ialah versi HTML yang dinaik taraf, yang sebenarnya betul Pemahaman saya ialah XHTML ialah bahasa penanda yang menjadikan HTML lebih standard, menjadikan HTML lebih berkuasa dan mengurangkan kod yang menyusahkan, terutamanya jadual.
XHTML telah ditubuhkan sebagai standard oleh organisasi piawaian antarabangsa W3C (World Wide web Consortium) pada 26 Januari 2000. Ia dianggap sebagai versi HTML terkini dan akan menggantikan HTML secara beransur-ansur. Semua penyemak imbas kini menyokong XHTML, dan XHTML serasi dengan HTML 4.0. Sesetengah orang juga berpendapat bahawa XHTML ialah HTML4.01. Jika anda menulis tapak web yang mematuhi standard semasa proses pembelajaran, anda boleh lulus pengesahan W3C Selepas lulus pengesahan, anda akan mendapat markah, biasanya pensijilan XHTML1.0 dan pengesahan CSS. Saya tidak tahu berapa banyak tapak web di China yang telah melepasi kedua-dua pengesahan ini pada masa yang sama. Anda boleh pergi ke http://www.w3.org/ untuk mengesahkan tapak anda Jika ia memenuhi dua peraturan tersebut, kami akan memberi kami dua keping kod untuk ditambahkan pada halaman web anda untuk ditunjukkan kepada orang lain. Ini menunjukkan bahawa anda menggunakan standard untuk membina tapak web, hebat!

Mengapa kami menggunakan XHTML
Mari lihat HTML yang mengandungi kod ralat, seperti berikut:

HTML yang buruk　

Walaupun ia mengandungi kod ralat, ia masih boleh dipaparkan seperti biasa apabila kami menyemak imbasnya dalam penyemak imbas. XML ialah bahasa penanda, tetapi ia memerlukan mana-mana elemen yang muncul dalam halaman web harus ditanda XML digunakan untuk menerangkan data dalam halaman web, dan HTML digunakan untuk memaparkan elemen dalam halaman web. Pelbagai teknologi penyemak imbas yang kami gunakan pada masa ini di Internet, termasuk komputer riba, telefon mudah alih, dsb., semuanya memerlukan beberapa kandungan untuk disemak imbas mesti ditag dengan betul Jika terdapat teg yang salah, paparan mungkin mengelirukan atau bahkan tidak dapat dipaparkan dengan betul.
Jadi dengan menggabungkan HTML dan XML, serta teknologi lain, kami mendapat bahasa yang berguna sekarang dan akan berguna pada masa hadapan - XHTML. Apabila semuanya diseragamkan pada masa hadapan, kami akan menggunakan tag XHTML yang diformat dengan betul supaya semua penyemak imbas boleh melaksanakannya dengan betul, jadi adalah perlu untuk kami mula mempelajari XHTML sekarang.

Perbezaan antara XHTML dan HTML:
XHTML ialah teknologi baharu Sebelum penyemak imbas dan beberapa perisian lain menyokongnya, kita perlu membiasakan diri dengan teknologi ini. Untuk kita mempelajari XHTML dengan lebih baik, kita harus biasa dengan HTML4.0 Kita boleh memuat turun manual rujukan untuk membiasakannya. Untuk memudahkan kita mempelajari XHTML, dengan kata lain, apabila kita menggunakan HTML untuk menulis kod, kita harus cuba sedaya upaya untuk menulis kod ralat sesedikit mungkin, seperti: gunakan aksara huruf kecil untuk menulis HTML, dan tambah penghujung tag selepas setiap tag. Contohnya:
Selamat datang ke tapak web pengajaran web
Mesti ada penamat, dan kita mesti mengekalkan peraturan ini.
Perbezaan terbesar antara mereka ialah:
1.Elemen XHTML mesti bersarang dengan betul.
Dalam HTML, beberapa elemen boleh disarangkan secara tidak betul dan masih dipaparkan seperti biasa, seperti:
Teks ini tebal dan condong
Tetapi dalam XHTML ia mesti betul Ia boleh digunakan seperti biasa selepas bersarang, seperti:
　Teks ini tebal dan condong
Nota: Ralat ini biasanya berlaku dalam teg apabila bersarang berbilang peringkat. Seperti:

• Kopi


• Teh
  
  
  
  • 　
    
  • 　
  Susu
  
  
  
• Yang betul hendaklah:

Kopi

　
Teh
• 　

　
• Teh hitam
  
  　
  Teh hijau
  • 　
    
  • 　
  
  
  Susu
  


• 　 Memerhatikan dua keping kod di atas, kita dapat melihat bahawa kita memasukkan tag
dengan betul selepas
.

Fail XHTML mesti mempunyai format organisasi yang betul.
Semua XHTML harus bersarang dengan betul dalam elemen bermula dengan dan berakhir dengan Elemen lain boleh mempunyai elemen anak, dan elemen anak harus bersarang dengan betul dalam elemen induknya. Contohnya:

...

...
Nama teg mestilah dalam huruf kecil. Oleh kerana dokumen XHTML ialah aplikasi XML, XML adalah sensitif huruf besar-besaran. Simbol
dan ialah dua tag yang berbeza. Contohnya, kod ralat:



Ini ialah perenggan
perenggan

　

Semua elemen XHTML mesti ditutup Tidak boleh ada elemen kosong yang tidak tertutup dalam kod kita Malah, lebih mudah untuk kita menamatkan titik ini. Contohnya, kod ralat:

Ini perenggan
Ini perenggan lain

Yang betul ialah:

Ini perenggan lain

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