recherche
Maisoninterface Webtutoriel CSSRésumé des méthodes de piratage CSS pour spécifier le type de document d'une page Web_Experience Exchange

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. IE7 et IE6 ont également chacun plusieurs séries, en dehors des produits de ces deux-là. fabricants grand public, en outre, il existe 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 du 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 en a un autre qui était très bon à cette époque, donc il a fait beaucoup d'innovations et ne prenait pas à cœur les standards du Web. Il s'en fichait. 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 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 :

div{
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 les suivants :

HTML 4.01 Transitional :

Copier le code Le code est le suivant :

🎜 >

Jeu de cadres HTML 4.01


Copier le code Le code est le suivant :

>

 >


XHTML 1.0 Transitional
Copier le code


Le code est le suivant :




 🎜>  
html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Déclaration
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
Tant de liens de couleursTant de liens de couleursApr 13, 2025 am 11:36 AM

Il y a eu une série d'outils, d'articles et de ressources sur la couleur récemment. Veuillez me permettre de fermer quelques onglets en les rassemblant ici pour votre plaisir.

Comment fonctionnent les marges automnales dans FlexboxComment fonctionnent les marges automnales dans FlexboxApr 13, 2025 am 11:35 AM

Robin a déjà couvert cela, mais j'ai entendu une certaine confusion au cours des dernières semaines et j'ai vu une autre personne prendre un coup de poing pour l'expliquer, et je voulais

Les soulignements arc-en-ciel en mouvementLes soulignements arc-en-ciel en mouvementApr 13, 2025 am 11:27 AM

J'adore la conception du site Sandwich. Parmi les nombreuses caractéristiques belles figurent ces titres avec des soulignements arc-en-ciel qui se déplacent lorsque vous faites défiler. Ce n'est pas

Nouvel An, nouvel emploi? Laisse faire un curriculum vitae à propulsion de grille!Nouvel An, nouvel emploi? Laisse faire un curriculum vitae à propulsion de grille!Apr 13, 2025 am 11:26 AM

De nombreux conceptions de CV populaires tirent le meilleur parti de l'espace de page disponible en disant des sections en forme de grille. Utilisons la grille CSS pour créer une disposition qui

Une façon de sortir les utilisateurs de l'habitude de recharger tropUne façon de sortir les utilisateurs de l'habitude de recharger tropApr 13, 2025 am 11:25 AM

Les recharges de page sont une chose. Parfois, nous actualisons une page lorsque nous pensons que cela ne répond pas, ou croyons que un nouveau contenu est disponible. Parfois, nous sommes juste en colère contre

Conception axée sur le domaine avec réactConception axée sur le domaine avec réactApr 13, 2025 am 11:22 AM

Il y a très peu de conseils sur la façon d'organiser des applications frontales dans le monde de la réaction. (Déplacez simplement les fichiers jusqu'à ce qu'il «se sent bien», LOL). La vérité

Détecter les utilisateurs inactifsDétecter les utilisateurs inactifsApr 13, 2025 am 11:08 AM

La plupart du temps, vous ne vous souciez pas vraiment de savoir si un utilisateur est activement engagé ou temporairement inactif sur votre application. Inactif, signifiant, peut-être qu'ils

Wufoo ZapierWufoo ZapierApr 13, 2025 am 11:02 AM

Wufoo a toujours été génial avec les intégrations. Ils ont des intégrations avec des applications spécifiques, comme Campaign Monitor, MailChimp et Typekit, mais ils aussi

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)