Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Teilen Sie eine schnelle Lösung für verstümmelte Zeichen, die durch die CSS-Zeichenkodierung verursacht werden

高洛峰
Freigeben: 2017-03-09 18:08:32
Original
1444 Leute haben es durchsucht

Der folgende Editor bringt Ihnen einen Artikel, in dem Sie eine schnelle Lösung für verstümmelte Zeichen finden, die durch die CSS-Zeichenkodierung verursacht werden. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen

Das Prinzip von CSS-Fehlern, die durch verstümmelte Zeichen verursacht werden:

Da ein chinesisches Zeichen aus zwei Zeichen besteht, kommt es zu einer „erneuten“ Kombination von Zeichen Die Kodierung ist inkonsistent (die Kombination des kodierten Zeichens eines halben chinesischen Zeichens und der folgenden Zeichen erzeugt einen neuen „Text“), was dazu führt, dass das ursprüngliche Ende der „Mutation“ entspricht, was dazu führt, dass das Endsymbol nicht gefunden wird. Dadurch wird das nachfolgende CSS ungültig.

Tipps 1: Die verstümmelten Zeichen, die in CSS erscheinen, werden durch die Inkonsistenz zwischen der CSS-Zeichenkodierung und der Zeichenkodierung der Seite verursacht. Der direkteste Weg besteht also darin, die Zeichenkodierung konsistent zu machen. Geben Sie den Kodierungstyp von CSS an, zum Beispiel: @charset "utf-8" (Der angegebene Kodierungstyp ist utf-8, der in die erste Zeile der CSS-Datei geschrieben werden muss)

Tipp 2: Verstümmelte Zeichen, die in CSS erscheinen, werden durch chinesische Schriftzeichen verursacht. Solange Sie also kein Chinesisch schreiben, wird es keine Situation geben, in der „verstümmelte Zeichen CSS-Fehler verursachen“.

Wenn Sie die beiden oben genannten Tipps außer Acht lassen, wann Wenn wir tiefer graben, werden wir feststellen, dass „verstümmelte Zeichen normalerweise aus den folgenden zwei Situationen stammen.“

1. Chinesische Kommentare verursachen verstümmelten Code

CSS-Kommentare sind: /*bestimmte Kommentare*/

Beispiel für verstümmelten Code:
normaler Code: /*drei chinesische Zeichen */ Verstümmelte Zeichen verursacht durch
: /*涓夋眽瀛?/
Browserumgebung: IE6
HTML: gb2312
CSS: Keine Codierung angegeben, die eigentliche Analyse ist utf-8

Im obigen Beispiel blockiert der verstümmelte Code das Endzeichen des CSS-Kommentars, sodass der nachfolgende CSS-Inhalt innerhalb des Kommentarbereichs liegt, wodurch das CSS ungültig wird
Vorbeugende Maßnahmen: Kommentare verstärken

Beispiel:
Normaler Code :/****Drei chinesische Schriftzeichen****/
Verstümmelte Zeichen: /****Juan 狋罽瀛?***/
Diese erweiterte Version von Kommentaren kann verhindern, dass verstümmelte Zeichen „mutieren“. Abschlusszeichen des Kommentars und kann beim Schreiben von CSS verwendet werden. Treffen Sie im Voraus Vorsichtsmaßnahmen

2. Chinesische Schriftarten verursachen verstümmelte Codes
CSS-spezifische Schriftart: Schriftfamilie: „Chinesische Schriftart“

Verstümmeltes Codebeispiel:
Normaler Code: Schriftfamilie: Verstümmelte Zeichen verursacht durch „Hellbody“
: Schriftfamilie: „翜涋“
Browserumgebung: IE6
HTML: gb2312
CSS: Keine Codierung angegeben, tatsächlich auf utf-8 geparst

Im obigen Beispiel wird der Schriftartname verstümmelt, wodurch die angegebene Schriftart ungültig wird. Die Folgen dieses Problems scheinen nicht sehr schwerwiegend zu sein, aber in tatsächlichen Situationen kommt es tatsächlich vor, dass verstümmelte Zeichen die folgenden Anführungszeichen „stummschalten“, sodass das folgende CSS in den Anführungszeichen der Schriftart steht dass alle folgenden CSS ungültig werden.
Vorsichtsmaßnahmen: Schriftart-Aliase verwenden (damit Browser sie erkennen können)

Beispiel:
Normaler Code: Schriftfamilie: „SimHei“ (Schriftfamilie: „9ed14f53“)
Browser Analyse: Schriftfamilie: „SimHei“ (Schriftfamilie: „Hei“, IE6 ist immer noch Schriftfamilie: „9ed14f53“, aber die Schriftanalyse zeigt es als Hei)
Verwenden Sie Aliase, um die Verwendung von Chinesisch zu vermeiden Vermeiden Sie verstümmelte Zeichen

CSS-Liste chinesischer Schriftarten (Schriftfamilien)

Einige Windows:

Helvetica: SimHei

Song Dynasty: SimSun

Neue Song-Dynastie: NSimSun

FangSong: FangSong

Kaiti: KaiTi

FangSong_GB2312: FangSong_GB2312

Kaiti_GB2312: KaiTi_GB2312

<.> Microsoft YaHei: Microsoft YaHei

Einige von denen, die nach der Installation von Office erscheinen:

Offizielles Skript: LiSu

Youyuan: YouYuan

Chinesisch gut schwarz: STXihei

Chinesische reguläre Schrift: STKaiti

Chinesische Liedschrift: STSong

Chinesische Liedschrift: STZhongsong

Chinesische Imitationsschrift: STFangsong

Gründer Shuti: FZShuTi

Gründer Yaoti: FZYaoti

Chinesischer Caiyun: STCaiyun

Chinesischer Bernstein: STHupo

Chinesische offizielle Schrift: STLiti

Chinesisches reguläres Skript: STXingkai

Chinesisches neues Wei: STXinwei

Ergänzung:

Nach der Verwendung des regulären Skripts_GB2312 und der Nachahmung Song Dynasty_GB2312 funktioniert es möglicherweise nicht Windows 7/Vista/2008 Anschließend wird die entsprechende Schriftart angezeigt.

Das liegt daran, dass Windows 7/Vista/2008 über KaiTi und FangSong verfügt, aber standardmäßig nicht über KaiTi_GB2312 und FangSong_GB2312, und der Unterschied zwischen den Schriftartnamen ist „_GB2312“.

---------------- ------ ---------------

Wie man chinesische Schriftarten in CSS schreibt

Was das Schreiben von Schriftarten angeht, denke ich muss erklärt werden:

body,

button, input, select, textarea {

font: 12px/1 Tahoma, Helvetica, Arial, „5b8b4f53“, sans- serif;

}

„5b8b4f53“ ist „Arial“. Verwenden Sie Unicode anstelle von SimSun, da einige Versionen von Firefox und Opera die SimSun-Schreibmethode nicht unterstützen. Schriftartenwissen bekannt machen:

Font-Aliase

Eine Schriftart im System darf mehrere Aliase haben. Beispielsweise kann Georgia unter Windows auch Georgia MS heißen. Es handelt sich tatsächlich um die gleiche Schriftart. Der offizielle Name von Song Dynasty ist SimSun und „Song Dynasty“ ist nur der Spitzname.

Laut Spezifikation soll der Browser in der Lage sein, den Alias ​​der Schriftart automatisch zu erkennen und ihn der richtigen Schriftartdatei zuzuordnen. Beispielsweise sollten die Schriftarten „font-famliy: SimSun“ und „font-family: „宋体““ die gleiche Wirkung haben. Leider scheinen viele Browser die vorherige Definition nicht korrekt implementieren zu können ...

Aus Gründen der Browserkompatibilität müssen wir daher „Song Ti“ verwenden. Durch die Transkodierung in Unicode-Form kann sichergestellt werden, dass dies nicht der Fall ist Problem bei jeder Kodierung.

--------------------------------- --- ------------

Um Freunden, die es benötigen, die schnelle Nutzung zu erleichtern, sind in der folgenden Tabelle die Unicode-Kodierungen einiger häufig verwendeter chinesischer Schriftarten aufgeführt:
Helvetica 9ED14F53
Songti 5B8B4F53
Kaitai 69774F53
Microsoft Yahei 5FAE8F6F96C59ED1


Das obige ist der detaillierte Inhalt vonTeilen Sie eine schnelle Lösung für verstümmelte Zeichen, die durch die CSS-Zeichenkodierung verursacht werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!