Maison > interface Web > tutoriel HTML > Pourquoi utiliser la production DOCTYPE HTML_HTML/Xhtml_webpage

Pourquoi utiliser la production DOCTYPE HTML_HTML/Xhtml_webpage

WBOY
Libérer: 2016-05-16 16:41:39
original
1616 Les gens l'ont consulté

Vous savez que sans cela, le navigateur utilisera le mode bizarre lors du rendu de la page ; vous savez que chaque navigateur restitue différents éléments différemment en mode bizarre. Vous écririez donc un doctype comme ceci :

Copiez le code
Le code est le suivant :

< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Heureusement, de nos jours, divers outils de développement Web sont suffisamment puissants pour prendre en charge l'insertion de code de modèle, vous n'avez donc pas besoin de taper ce doctype long et malodorant lettre par lettre. Mais si vous en avez marre, vous pouvez essayer ceci :

Copiez le code
Le code est le suivant :



Wow, c'est si simple ! Les avantages sont évidents : 1. Vous pouvez facilement écrire ce doctype sans vous soucier de faire des erreurs ; 2. Vous économisez environ 105 octets de caractères pour un site avec un PV quotidien de plusieurs dizaines de millions, cela peut économiser beaucoup d'argent. traffic ; 3. Il est rétrocompatible Oui, le doctype de html5 est écrit comme ceci, et les navigateurs modernes le reconnaissent.

Si vous êtes comme moi et avez toujours pensé : Ne pas spécifier dtd ouvrira le mode bizarre du navigateur , cette affirmation est fausse ! La déclaration correcte est que le mode bizarre sera activé si le doctype n'est pas défini, ce qui signifie qu'il vous suffit de définir pour laisser le navigateur afficher la page en mode strict (mode standard) sans spécifier. Un certain type de dtd. Rappelons que tous les navigateurs nécessitent deux modes : le mode étrange et le mode strict (également appelé mode standard). IE 6 pour Windows/mac, Mozilla, Safari et Opera implémentent tous ces deux modes, mais les versions inférieures à IE 6 sont toujours en mode bizarre. Voici quelques choses que vous devez savoir sur les deux modes :

  1. Les pages écrites avant la standardisation n'avaient pas de doctype, donc les pages sans doctype étaient rendues en mode bizarre.
  2. En revanche, si le doctype ajouté par le développeur web signifie qu'il sait ce qu'il doit faire, la plupart des doctypes activeront le mode strict (mode standards), et la page sera rendue selon les standards.
  3. Tout doctype nouveau ou inconnu activera le mode strict (mode standards).
  4. Chaque navigateur a sa propre façon d'activer le mode bizarre. Vous pouvez consulter cette liste : http://hsivonen.iki.fi/doctype/

Remarque : vous n'avez pas du tout besoin de valider votre page par rapport au doctype que vous choisissez. Tant que la balise doctype existe, il suffit d'activer le mode strict (mode standards). Si vous avez encore des doutes sur ce que j'ai dit, rendez-vous sur http://www.quirksmode.org/css/quirksmode.html#link2 pour savoir ce que vous voulez savoir. Nous n'avons besoin que d'un court morceau de code JavaScript pour obtenir la réponse, c'est :

Copiez le code
Le code est comme suit :

mode=document.compatMode

Ce code peut être utilisé pour déterminer si le navigateur actuel est en mode bizarre ou en mode standard. Il n'y a aucun doute sur la compatibilité de cet attribut. Si vous avez des doutes, vous pouvez vérifier http://www. quirksmode.org/dom /w3c_html.html#t11. Vous pouvez visiter : http://wanz.im/demo/doctype-test.html dans le navigateur que vous souhaitez tester, et vous pouvez voir les résultats. Pour autant que je sache, ceci n'est pas activé. . Mode bizarre, même sous ie6, si vous avez de nouvelles découvertes, laissez-moi un message.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal