Maison > interface Web > tutoriel CSS > le corps du texte

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

青灯夜游
Libérer: 2018-11-29 09:09:23
original
5600 Les gens l'ont consulté

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 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” >
Copier après la connexion

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 Utilisation de la règle @charset <. 🎜>

Syntaxe de base :

@charset "字符集名称";
Copier après la connexion
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";
Copier après la connexion

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的编码(西欧语言,带欧元符号)* /
Copier après la connexion

@charset UTF- 8 ;
Copier après la connexion

Compatibilité navigateur :

@charset“UTF-8” ;
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal