À propos de l'utilisation et des instructions de DOCTYPE-tutoriel HTML-php.cn

À propos de l'utilisation et des instructions de DOCTYPE

巴扎黑

Libérer： 2017-04-05 10:19:25

original

1457 Les gens l'ont consulté

DOCTYPE ne fait pas peur, mais le supprimer vous fera peur encore et encore.

J'ai découvert que de nombreux amis posaient des questions sur les problèmes de composition p+CSS et de compatibilité entre IE et FF. J'ai posé toutes les questions, mais le résultat est le même : l'affichage est étrange et difficile à régler. La plupart des sites Web que nous parcourons, ou lorsque nous utilisons Dreamweaver pour créer un nouveau document Web, il y aura une déclaration DocType en haut du code source. Cependant, de nombreuses personnes n'y prêtent pas attention et la suppriment même directement lors de la création. En fait, c’est souvent le début d’un cauchemar. DOCTYPE est un élément obligatoire dans tout document Web conforme aux normes. Cela affecte la validation du code et détermine la manière dont les navigateurs affichent finalement vos documents Web. Afin d'éviter la récurrence des problèmes DOCTYPE, j'ai compilé ce document sur la base des informations disponibles pour référence par moi-même et mes amis intéressés.

Par défaut, les standards d'interprétation de FF et IE sont différents, c'est-à-dire que si une page web ne déclare pas de DOCTYPE, elle interprétera le HTML suivant avec le DOCTYPE par défaut. Sous la même norme, les modèles d'interprétation des différents navigateurs sont différents. Si les normes de déclaration sont différentes, je n'ai pas besoin de vous le dire, pensez-y vous-même. Apprenez les normes du Web et la compatibilité des navigateurs. Vous décidez par où commencer. Cependant, veuillez connaître le DOCTYPE :

. 1. Qu'est-ce que DOCTYPE

DOCTYPE est l'abréviation de Document Type. Dans la page, il est utilisé pour spécifier la version de XHTML (ou HTML) utilisée par la page. Pour créer une page conforme aux standards, un élément essentiel et clé est la déclaration DOCTYPE. Ce n'est qu'en déterminant un DOCTYPE correct que le logo et le CSS en XHTML peuvent prendre effet normalement.

2. Règles du DOCTYPE

La déclaration DOCTYPE suit certaines règles et indique quel ensemble de règles le programme de lecture doit utiliser pour interpréter le balisage dans le document. Dans le cas des documents Web, le « lecteur » est généralement un programme tel qu'un navigateur ou un validateur, et les « règles » sont les règles contenues dans une définition de type de document (dtd) publiée par le W3C.
Chaque DTD comprend des balises, des attributs, des propriétés, etc., qui sont utilisés pour marquer le contenu des documents Web. Elle comprend également des règles qui spécifient quelles balises peuvent apparaître dans quelles autres balises. Chaque norme de recommandation Web (telle que HTML 4 Frameset et XHTML 1.0 Transitional) possède sa propre DTD.

Voici les règles extraites du manuel :

Grammaire :

Disponibilité des éléments supérieurs HTML "Inscription//Organisation//Balise de type//Langue de définition" "URL"

Valeurs possibles :

- Élément de niveau supérieur : Spécifie le type d'élément de niveau supérieur déclaré dans la DTD. Cela correspond au type de document SGML déclaré. HTML par défaut. HTML.
- Disponibilité : spécifie si l'identifiant public formel (FPI) est un objet accessible au public ou une ressource système. PUBLIC Par défaut. Objets accessibles au public. SYSTEM Ressources système, telles que des fichiers locaux ou des URL.
- Enregistrement : Précise si l'organisation est enregistrée auprès de l'Organisation internationale de normalisation (ISO). + Par défaut. Le nom de l'organisation a été enregistré.
- Le nom de l'organisation n'est pas enregistré. L'Internet Engineering Task Force (IETF) et le World Wide Web Consortium (W3C) ne sont pas des organisations ISO enregistrées.
Organisation : spécifiez le nom du groupe ou de l'organisation responsable de la création et de la maintenance de la DTD référencée par la déclaration !DOCTYPE, c'est-à-dire le OwnerID. IETF IETF. W3C W3C.
- Type : Spécifie la classe de texte public, c'est-à-dire le type d'objet référencé. DTD par défaut. DTD.
- Balise : Spécifie une description de texte public, un nom descriptif unique pour le texte public référencé. Un numéro de version peut être joint au dos. HTML par défaut. HTML.
- Définition : Précisez la définition du type de document.
Document de cadre.
Strict exclut tous les attributs et éléments représentatifs que les experts du W3C souhaitent supprimer progressivement car la feuille de style est déjà bien établie.
Transitional contient tout le contenu à l’exception des éléments frameSet.
- Langue : Spécifie la langue du texte public, le système d'encodage en langage naturel utilisé pour créer l'objet référencé. La définition de la langue a été écrite sous forme de code de langue ISO 639 (deux lettres majuscules). FR par défaut. Anglais.
- URL : Précisez l'emplacement de l'objet référencé

Afin d'obtenir une déclaration DOCTYPE correcte, la clé est de faire correspondre le dtd à la norme suivie par le document. Par exemple, en supposant que le document respecte la norme stricte xhtml 1.0, la déclaration doctype du document doit faire référence au dtd correspondant. D'un autre côté, si la déclaration doctype spécifie un dtd xhtml, mais que le document contient un balisage HTML à l'ancienne, cela est inapproprié, de même, si la déclaration doctype spécifie un dtd HTML, mais que le document contient un balisage strict xhtml 1.0 ; inapproprié.

3. Quel type de DOCTYPE choisir

Comme le montre l'exemple ci-dessus, il existe trois types de déclarations DTD (Document Type Definition) parmi lesquelles choisir dans XHTML 1.0 : Transitional, Strict et Frameset. Ils sont présentés ici comme suit.

1． Transition

Une DTD avec des exigences moins strictes qui permet l'utilisation de logos HTML4.01 dans les pages (conforme aux normes de syntaxe xhtml). La DTD transitionnelle s'écrit ainsi :

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. Stricte

Une DTD stricte qui ne permet pas l'utilisation d'identifiants et d'attributs de couche de présentation, tels que
, etc. La DTD stricte s'écrit ainsi :

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3. Les cadres

Une DTD spécifiquement utilisée pour les pages de cadre. Cette DTD est utilisée lorsque la page contient des éléments de cadre. La DTD du framework s'écrit comme suit :

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Utiliser une DTD stricte pour créer des pages est bien sûr le moyen le plus idéal. Cependant, pour les concepteurs Web qui n’ont pas une compréhension approfondie des standards du Web, il est plus approprié d’utiliser une DTD de transition. Étant donné que cette DTD permet également l’utilisation d’identifiants, d’éléments et d’attributs de couche de présentation, elle convient mieux à la plupart des développeurs de pages Web.

4. Problèmes qui nécessitent une attention

Il n'y a rien de spécial, sauf que la déclaration DOCTYPE doit être placée en haut du document XHTML. Même plusieurs balises de commentaire HTML au-dessus ne fonctionneront pas.

Il est préférable d'ajouter DOCTYPE à l'exemple de code, sinon l'effet sera différent.

5. Divers DOCTYPE