Commentaire: De nos jours, une page Web affiche de plus en plus de contenu riche, y compris certains effets fonctionnels HTML5 et CSS3. Ensuite, si le navigateur du client prend en charge HTML5. L'accès à la page fonctionne très bien sans aucun problème. Et si HTML5 n'est pas pris en charge, ou IE6, 7, 8 et d'autres navigateurs? Pour le moment, c'est souvent un mal de tête pour un membre du personnel frontal.
De nos jours, une page Web affiche de plus en plus de contenu riche, y compris certains effets fonctionnels HTML5 et CSS3. Ensuite, si le navigateur du client prend en charge HTML5. L'accès à la page fonctionne très bien sans aucun problème. Et si HTML5 n'est pas pris en charge, ou IE6, 7, 8 et d'autres navigateurs? Pour le moment, c'est souvent un casse-tête pour un membre du personnel frontal et c'est compatible.
Compatibilité pour le moment. Ce n'est rien de plus que de permettre aux utilisateurs de regarder et d'utiliser autant que possible dans tous les navigateurs. Cependant, la page utilise des balises HTML5 et du style CSS3. Que devons-nous faire si le navigateur client ne prend pas en charge HTML5? Pour un tel problème, nous ne pouvons le faire et soutenir autant que possible. Si vous ne pouvez pas le soutenir, vous devez donner un conseil et des conseils amicaux. Laissez les utilisateurs passer à une version supérieure du navigateur. Ainsi, pendant le processus de codage, nous devons effectuer une certaine détection fonctionnelle. Supposons que nous voulons faire un effet d'angle arrondi. En utilisant CSS3, HTML5 est très pratique.
Mon titre
Cet endroit est content
L'effet que nous attendions était le même
Et si le navigateur client ne prend pas en charge HTML5? Utilisons l'outil F12 d'IE pour le tester
Remarque: le mode du navigateur et le mode document doivent être sélectionnés
Les effets de page sont très cruels dans les navigateurs qui ne prennent pas en charge HTML5
Nous devons résoudre ces problèmes. Il n'y a donc aucun moyen, vous devez donc faire plus de travail pour les navigateurs qui ne prennent pas en charge HTML5. Comment résoudre la compatibilité d'un tel effet d'angle arrondi? C'est certainement un jugement sur les navigateurs qui ne soutiennent pas HTML5. Si les coins arrondis HTML5 ne sont pas pris en charge, nous utilisons des coins arrondis tiers pour le faire. Le problème arrive-t-il à nouveau? Comment porter un jugement sur une telle fonction d'angle arrondi? Hésité à nouveau à ce moment. Existe-t-il un jugement de fonction relativement efficace, complet et concis pour HTML5?
Modernizr un plug-in de détection de fonctionnalités HTML5.
Ou l'effet spécial du coin rond au-dessus, légèrement modifié
Remarque: Pie.js est un plugin arrondi tiers
Mon titre
Mon contenu
Regardez l'effet: les navigateurs qui prennent en charge HTML5
Ensuite, IE7, un navigateur qui ne prend pas en charge HTML5, sera testé
Par conséquent, il est très pratique d'utiliser Modernizr pour effectuer la détection de fonction des pages HTML5. Mais il y a encore un problème? Si vous avez fait des effets spéciaux riches en toile, comment pouvez-vous atteindre la compatibilité? Maintenant, je reviendrai au début de la phrase, la fonction est rétrogradée et le support peut être pris en charge autant que possible, et s'il ne peut pas être pris en charge, vous donnerez des invites amicales. J'espère toujours que les utilisateurs domestiques passeront bientôt au navigateur qui prend en charge HTML5, afin que les développeurs ne souffrent pas autant.