XHTML이란??_경험교류

서문:
요즘에는 모두가 표준적인 웹사이트 구축에 주목하고 있는데, 표준적인 웹사이트 구축에 사용되는 기술은 주로 XHTML+CSS입니다. 이제 우리는 일반적으로 HTML 코드를 사용하는데 어떻게 변환해야 할까요? HTML과 XHTML의 차이점은 무엇입니까? 이 튜토리얼에서는 HTML과 XHTML의 차이점과 HTML을 XHTML로 변환하는 방법을 배웁니다. 결국 XHTML이 개발 방향이기 때문에 이 튜토리얼을 이 사이트에 공개하는 것이 필요하다고 생각합니다. 표준을 사용하려면 HTML이 더 쉽기 때문에 먼저 HTML을 배우고 이 튜토리얼을 보는 것이 좋다고 생각합니다. 동시에 이것은 제가 발표한 WEB 표준 XHTML&CSS의 연속이기도 합니다.

XHTML 소개:
사실 우리가 이야기하는 표준은 XML이어야 하는데 왜 XHTML을 배워야 할까요? 현재의 HTML 코드는 번거롭고 위험이 가득하지만 XML 사용 환경이 아직 성숙하지 않아 과잉 제품이 출시되었는데, 바로 XHTML이 부침의 역할을 하고 있습니다. 어떤 사람들은 XHTML이 HTML의 업그레이드된 버전이라고 생각하는데 이는 실제로 맞습니다. 제가 이해하는 바는 XHTML이 HTML을 더욱 표준화하여 HTML을 더욱 강력하게 만들고 성가신 코드, 특히 테이블을 줄이는 마크업 언어라는 것입니다.
XHTML은 국제 표준 기구인 W3C(World Wide Web Consortium)에서 2000년 1월 26일에 표준으로 제정되었습니다. HTML의 최신 버전으로 간주되며 점차 HTML을 대체하게 될 것입니다. 이제 모든 브라우저는 XHTML을 지원하며 XHTML은 HTML 4.0과 호환됩니다. 어떤 사람들은 XHTML이 HTML4.01이라고 생각하기도 합니다. 학습 과정에서 표준을 준수하는 웹사이트를 작성하면 W3C 인증을 통과한 후 일반적으로 XHTML1.0 인증과 CSS 인증이라는 마크를 받게 됩니다. 중국에서 이 두 가지 인증을 동시에 통과한 웹사이트가 얼마나 되는지 모르겠습니다. http://www.w3.org/로 이동하여 사이트를 확인할 수 있습니다. 이 두 가지 규칙을 충족하면 웹페이지에 추가하여 다른 사람에게 보여줄 수 있는 두 가지 코드가 제공됩니다. 이는 귀하가 웹 사이트 구축을 위해 표준을 채택했음을 보여줍니다. 훌륭합니다!

XHTML을 사용하는 이유
다음과 같이 오류 코드가 포함된 HTML을 살펴보겠습니다.

잘못된 HTML　

오류 코드가 포함되어 있지만 브라우저에서 찾아보면 정상적으로 표시될 수 있습니다. XML은 마크업 언어이지만 웹 페이지에 나타나는 모든 요소를 ​​표시해야 합니다. XML은 웹 페이지의 데이터를 설명하는 데 사용되고 HTML은 웹 페이지의 요소를 표시하는 데 사용됩니다. 랩톱, 휴대폰 등을 포함하여 현재 인터넷에서 사용하는 다양한 브라우저 기술에서는 탐색할 일부 콘텐츠에 올바른 태그를 지정해야 합니다. 잘못된 태그가 있는 경우 디스플레이가 특히 혼란스럽거나 표시하지 못할 수도 있습니다. 제대로.
따라서 HTML과 XML 및 기타 기술을 결합하여 현재 유용하고 미래에도 유용할 언어인 XHTML을 얻게 됩니다. 앞으로 모든 것이 표준화되면 모든 브라우저에서 올바르게 실행할 수 있도록 올바른 형식의 XHTML 태그를 사용할 것이므로 지금부터 XHTML 학습을 시작하는 것이 필요합니다.

XHTML과 HTML의 차이점:
XHTML은 브라우저와 다른 소프트웨어가 이를 지원하기 전에 이 기술에 익숙해져야 합니다. XHTML을 더 잘 배우려면 HTML4.0에 익숙해져야 합니다. 참조 매뉴얼을 다운로드하여 익숙해질 수 있습니다. XHTML을 더 쉽게 배울 수 있도록, 즉 HTML을 사용하여 코드를 작성할 때 가능한 한 적은 오류 코드를 작성하도록 최선을 다해야 합니다. 예를 들어, HTML을 작성할 때는 소문자를 사용하고, 각 태그 뒤의 태그 끝. 예:
웹 교육 웹사이트에 오신 것을 환영합니다
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 code HTML actuel, par exemple en utilisant des balises minuscules et en ajoutant le 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 d'erreur :

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 devrions-nous choisir ? 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