Résumé des méthodes de piratage CSS pour spécifier le doctype d'une page Web

Nous savons tous que pour être un WD (web designer), vous devez d'abord servir plusieurs navigateurs : IE6, IE7 et Firefox. Les pages générales ne doivent fonctionner normalement que sous IE6, IE7 et Firefox.

Mais en fait, il existe bien plus que ces navigateurs. Firefox est divisé en plusieurs versions majeures : Firefox 1.5, Firefox 2 et Firefox 3. Il existe également plusieurs séries dans IE7 et IE6. ces deux-là En plus des produits des grands fabricants, il existe également une série d'Opera, Konqueror, Netscape, Chrome, etc.

Chacun de ces navigateurs a son propre ensemble de règles. Il fonctionne souvent normalement ici et pas correctement là. WD a donc démoli l'est et réparé l'ouest, et finalement cela a fonctionné normalement sous plusieurs navigateurs. En conséquence, le chef de produit avait de nouveaux besoins et devait apporter des modifications ici et là. En conséquence, le cadre papier qui avait finalement été trompé s'est soudainement effondré et les WD étaient à nouveau extrêmement occupés. La raison pour laquelle je dis cela est parce que c'est mon expérience.

Habituellement, WD collecte toujours un certain nombre de compétences en matière de piratage CSS afin de le faire fonctionner correctement sous différents navigateurs. En cherchant sur Internet, il y en a beaucoup.

Cependant, tout d'abord, WD n'a pas résolu une question fondamentale : pourquoi avons-nous besoin du piratage CSS ? S'il y a 1 000 navigateurs, devons-nous nous souvenir des compétences de piratage de 1 000 navigateurs ?

En fait, le CSS Hacking est, dans une certaine mesure, quelque chose qui n'est pas sur la table. Il existe de nombreuses techniques dans le Css Hacking, qui profitent simplement des bugs du navigateur. Par exemple, il est courant d'utiliser _class{….} ​​​​pour faire la distinction entre IE et Firefox. Logiquement parlant, _class est une méthode de balisage illégale. L'émergence du Css Hacking est un dernier recours pour les WD. Le travail quotidien des WD n'est pas un fou de Css Hacking

En fait, il y a tellement de navigateurs que vous ne pouvez pas vous contenter de définir ce que vous voulez. . Définir un repère. Les gens sont habitués à vivre dans un monde standard, et dans le monde du Web, il existe également une série de normes. Les navigateurs travaillent également d’arrache-pied pour être compatibles avec les standards du web. Mais certains navigateurs ont fait leurs débuts très tôt, et on peut dire que les standards du Web qui ont émergé plus tard sont nés sous leur influence. Il y a une autre personne qui était très bonne à cette époque, donc il a fait beaucoup d'innovations et ne prenait pas à cœur les standards du Web. De plus, les normes elles-mêmes sont constamment mises à jour. Par conséquent, en général, chaque système de navigateur a traversé une période où il ne se souciait pas beaucoup des normes du Web. Plus tard, tout le monde a réalisé que ce n'était plus possible. Nous avons tous fait des compromis et établi un ensemble de normes que tout le monde respecterait. Mais dans le passé, chaque entreprise avait formulé quelques petites règles et réglementations. Que devaient-elles faire si elles ne respectaient pas les normes

Alors, ces gens ont trouvé une solution : le mode standard et bizarre ? mode. Il y en a un autre appelé "mode presque standard", presque standard pour dire que c'est vraiment bizarre, j'ai le vertige. Ne vous inquiétez pas, écoutez-moi lentement.

N'ai-je pas dit que ces patrons se sont assis ensemble et ont formulé diverses normes, et que tout le monde interprétera les pages Web selon cet ensemble de normes à l'avenir. Si la page Web que vous créez peut être interprétée selon cet ensemble de normes, utilisez une balise doctype pour indiquer qu'elle peut être interprétée selon les normes du Web. C'est le mode standard.

Alors que dois-je faire si les produits Xiaojiujiu qui ont été fabriqués par diverses entreprises dans le passé ne répondent pas aux normes ? Vous ne pouvez pas tous les jeter tout de suite, n'est-ce pas ? Il existe probablement un ensemble de principes dans les logiciels appelés rétrocompatibilité. En mode bizarre, chaque navigateur simule le fonctionnement de ces anciennes versions du navigateur pour empêcher les anciennes pages de ne pas fonctionner. Lorsque la page Web ne spécifie pas de type de document, le navigateur fonctionne généralement dans un mode étrange pour empêcher l'ancienne page de ne pas fonctionner.

L’exemple le plus notable des différences entre ces deux modes concerne le modèle de boîte propriétaire d’IE sous Windows. Lorsque IE 6 est sorti, le modèle de boîte correct était utilisé en mode standard et l'ancien modèle de boîte propriétaire était utilisé en mode bizarrerie. Pour maintenir la compatibilité ascendante avec IE 5 et versions antérieures, Opera 7 et versions ultérieures utilisent également le modèle de boîte IE défectueux en mode étrange.

Mozilla et Safari ont également un troisième mode appelé "mode presque standard", qui est identique aux standards à l'exception de quelques différences mineures dans la façon dont les tables sont gérées. Le modèle est le même.

C'est pour cette raison que vous pouvez jeter de nombreuses techniques de hacking CSS. Certains livres disent que le modèle de boîte (ou le modèle de boîte à certains endroits) d'IE6 et de Firefox est incohérent, vous devez donc faire ce hack :

p{
width:100px
*width; :95px ;
}

Je dis, ce genre de livre est vraiment trompeur. Parce que, tant que le doctype est spécifié correctement, ces différences dans l'interprétation du navigateur disparaîtront et nous pourrons simplement suivre la norme.

Ce mode est précisé par le champ DOCTYPE situé au début du fichier HTML. Les plus courants sont :

HTML 4.01 Transitional :

Copier le code Le code est le suivant :

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 🎜 >
HTML 4.01 Frameset

Copier le code
Le code est le suivant :

>

　!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -strict.dtd">

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd">

　W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-frameset.dtd">

Copier le code
Le code est le suivant :

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1// FR" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Pour plus de solutions doctype pour des pages Web spécifiées, un résumé des méthodes de piratage CSS et des articles connexes, veuillez prêter attention au site Web PHP chinois !