Maison  >  Article  >  interface Web  >  Que faire si la page Web CSS est tronquée

Que faire si la page Web CSS est tronquée

藏色散人
藏色散人original
2020-11-17 10:12:193475parcourir

Solutions aux pages Web CSS tronquées : 1. Définissez le codage des caractères CSS pour qu'il soit cohérent avec le codage des caractères de la page et définissez des instructions de codage telles que "@charset "utf-8";" 2. Renforcez lors de l'écriture de CSS Remarque : 3. Utilisez l'alias de la police.

Que faire si la page Web CSS est tronquée

Recommandé : "Tutoriel vidéo CSS"

Solution 1 :

Les caractères tronqués qui apparaissent en CSS sont causés par l'incohérence entre l'encodage des caractères CSS et l'encodage des caractères de la page, le moyen le plus direct est donc de rendre l'encodage des caractères cohérent. Spécifiez le type d'encodage en CSS, par exemple : @charset "utf-8" ; (Le type d'encodage spécifié est utf-8, qui doit être écrit sur la première ligne du fichier CSS)

Solution 2 :

Les caractères tronqués qui apparaissent dans CSS sont tous causés par des caractères chinois, donc tant que vous n'écrivez pas de caractères chinois, il n'y aura pas de situation telle que « caractères tronqués provoquant du CSS échec".

En mettant de côté les deux solutions ci-dessus, si nous creusons plus profondément, nous constaterons que les « codes tronqués » proviennent généralement des deux situations suivantes.

1. Codes tronqués causés par des commentaires chinois

Exemples de codes tronqués :

Code normal : /*Trois caractères chinois*/

Codes tronqués causés par

: /*涓夋眽盛?/

L'exemple ci-dessus est un code tronqué qui bloque le caractère de fin du commentaire CSS, de sorte que le contenu CSS suivant se trouve dans la plage du commentaire, ce qui entraîne un échec CSS

Mesures préventives : renforcer les commentaires

Exemple :

Code normal : /****Trois caractères chinois****/Code tronqué causé par

 : /****Juan 狋罽瀛?***/

Cette version améliorée des commentaires peut empêcher les caractères tronqués de "muter" le terminateur final du commentaire. Lors de l'écriture de CSS, vous pouvez l'empêcher à l'avance

2. Polices chinoises. provoquer des caractères tronqués

Exemple de caractères tronqués :

Code normal : font-family:"黑体"

Code tronqué causé par : font-family:"翜涋"

L'exemple ci-dessus est tronqué, ce qui entraîne un nom de police tronqué, ce qui entraîne La police spécifiée n'est pas valide. Les conséquences de ce problème ne semblent pas très graves, mais dans des situations réelles, il existe effectivement une situation où les caractères tronqués "muent" les guillemets suivants, de sorte que le CSS suivant se trouve entre les guillemets de la police, donc que tous les CSS ultérieurs deviennent invalides.

Mesures de précaution : utilisez des alias de police (afin que les navigateurs puissent les reconnaître)

Exemple :

Code normal : font-family : "SimHei" (font-family : "9ed14f53 " )

Analyse du navigateur : font-family : "SimHei" (font-family : "黑体", IE6 est toujours font-family : "9ed14f53" mais l'analyse des polices l'affiche en gras)

Utilisez des alias pour éviter d'utiliser le chinois, évitant ainsi les caractères tronqués.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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