Maison  >  Article  >  interface Web  >  Comment spécifier le codage de caractères utilisé par la feuille de style CSS

Comment spécifier le codage de caractères utilisé par la feuille de style CSS

青灯夜游
青灯夜游original
2018-11-28 18:32:525585parcourir

La méthode de spécification du codage de caractères utilisé par la feuille de style en CSS est très simple. La règle @charset de CSS est utilisée pour spécifier le codage de caractères utilisé par la feuille de style. Voyons comment utiliser la règle @charset et comment spécifier l'encodage des caractères utilisé par la feuille de style.

Comment spécifier le codage de caractères utilisé par la feuille de style CSS

Tout d'abord, comprenons Que sont les jeux de caractères et les encodages ?

Un jeu de caractères est un ensemble de lettres et de symboles utilisés dans un système d'écriture. Par exemple, jeu de caractères ASCII, jeu de caractères Unicode. Les caractères d'un jeu de caractères sont stockés dans l'ordinateur sous forme d'un ou plusieurs octets. Chaque octet ou séquence d'octets représente un caractère donné.

Le codage des caractères est la règle permettant de mapper des octets ou des séquences d'octets spécifiques à des caractères spécifiques qu'une police restitue sous forme de texte.

Le codage des caractères dans le document est généralement spécifié en HTML sous la forme de balises 0deb6de0896d5955b2d934bbb2b09363 Nous devons toujours déclarer et utiliser le codage UTF-8 en HTML comme codage de caractères pour les feuilles de style et les pages HTML. Pour définir l'encodage des caractères dans un document HTML5, une des trois déclarations suivantes suffit :

<! -  HTTP HEADER  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” ><

! -  HTML4-style meta  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” >

<! - 短HTML5元(推荐) - > 
< meta  charset = “utf-8” >

On a rarement besoin de déclarer un encodage de caractères en CSS. Si vous déclarez l'encodage des caractères en HTML, vous n'avez pas besoin de le déclarer dans la feuille de style. Si notre feuille de style se trouve dans un fichier séparé (pas dans le HTML), il existe quatre façons différentes de déduire le codage des caractères de la feuille de style en regardant dans l'ordre indiqué ci-dessous. Si les quatre méthodes échouent, la valeur par défaut sera utilisée. Le navigateur observera les priorités suivantes (de la priorité la plus élevée à la priorité la plus basse) pour déterminer l'encodage des caractères de la feuille de style :

1. L'attribut charset dans l'en-tête HTTP Content-Type envoyé par le serveur Web (ou contenu similaire, voir l'extrait ci-dessus).

2. Marque d'ordre des octets Unicode, ou règle @charset.

3. Le edd50fad2b5bcca13a19774602eb4ef8 dans le mécanisme de lien ou l'attribut charset dans d'autres métadonnées (le cas échéant).

4. Caractères qui font référence à des feuilles de style ou à des documents Set ( le cas échéant)

Si les quatre échouent, le navigateur supposera que le codage est UTF-8

Utilisation de la règle @charset <.>

Syntaxe de base :

@charset "字符集名称";
Le nom du jeu de caractères est une chaîne de caractères insensible à la casse et pour les nouvelles feuilles de style, il doit toujours être UTF-8 ; doit être le nom d'un codage de caractères sécurisé pour le Web défini dans le registre IANA en première position), il ne peut être précédé d'aucun caractère, pas même de commentaires

Après "@charset", précisez le nom du ! encodage des caractères (entre guillemets). Par exemple :

Exemple :

@charset "ISO-8859-1";

La déclaration @charset suivante indique que la feuille de style utilise ISO-8859-. Codage de 15 caractères :
Ce qui suit est une déclaration de jeu de caractères @ invalide car le nom de codage de caractères n'est pas mis entre guillemets :

Ce qui suit est également une déclaration invalide car le @ La déclaration charset est précédée d'une ligne vierge :
@charset “ISO-8859-15” ; / *拉丁语9的编码(西欧语言,带欧元符号)* /

@charset UTF- 8 ;

Compatibilité navigateur :

@charset“UTF-8” ;

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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