Diesen Artikel teilen
Infos zum Artikel
Artikel-Thema: Zeichensatz in HTML einstellen
Beschreibung: Richtige Angabe des 🌍 Zeichensatzes in HTML, der auf der ✅ Webseite auch eingesetzt werden soll und mehrere Optionen bieten kann.
Ein heikles, oft unterschätztes Thema beim Programmieren der ersten eigenen Webseite ist die Frage nach dem Zeichensatz. Dafür gibt es unterschiedliche Definitionen und es hängt auch davon ab, wer die Seite konsumieren soll. Wenn man damit Menschen im deutschsprachigen Raum erreichen möchte, hat man keine großen Probleme. Wenn die Leute aus China auch einen Nutzen haben sollen, wird es schon schwieriger.
Denn weltweit gibt es die unterschiedlichsten Zeichensätze und mit dem Standard ISO-8859-1 wird man nur im deutschsprachigen Raum glücklich werden.
Im Grunde ist das Beispiel nicht weltbewegend und zeigt ein typisches Gerüst einer HTML-Seite mit einem nicht gerade oscarreifen Text. Entscheidend ist aber der meta-Tag, der den Zeichensatz für die Webseite mit ISO-8859-1 definiert. Diese Definition ist für die europäischen Sprachen vorgesehen und bringt keine Probleme mit deutschen oder englischen, französischen oder spanischen Texten.
Doch man stößt bald auf Probleme, wenn man andere Zeichensatzdefinitionen wählt. So kann es passieren, dass man statt ISO-8859-1 ISO-8859-15 wählt und dann plötzlich Bindestriche und andere Zeichen zu Fehlermeldungen führen. Das ist auf der HTML-Basis zwar seltener der Fall, kann aber zum Problem werden. Wählt man UTF-8 als Zeichensatzvoreinstellung, dann ist man international abgesichert.
UTF-8 ist die Zeichensatzkodierung für den weltweiten Einsatz der Webseite. Bei einer kleinen privaten Seite wird dies selten der Fall sein, bei einer Seite, die auch im russischen Sprachraum gefragt sein soll, schon eher. Meistens stellen auch hier die Umlaute kein Problem dar, aber es kann zu Situationen kommen, wo man sich doch anders behelfen muss. Dann reicht es nicht, wenn man das gewünschte Zeichen schreibt, sondern muss den ASCII-Code einsetzen, siehe nachstehende Webseite, die eine gute Zusammenfassung aller Möglichkeiten aufzeigt.
Webhosting bei Alfahosting - jetzt gratis testen! (Affiliate-Link)
Der Haken am Zeichensatz ist die Tatsache, dass man sich nie sicher sein kann, wer als Besucher daherkommt. Das kann auch jemand aus Deutschland sein, der in die USA ausgewandert ist. Es hat sich daher als nützlich erwiesen, auf UTF-8 zu wechseln, auch wenn man eigentlich nur Leute aus Österreich, Deutschland und der Schweiz samt Liechtenstein und vielleicht Südtirol erreichen möchte.
Was bedeutet das rein technisch? Statt ä wird der Code für den Umlaut geschrieben, der sich aus dem kaufmännischen & sowie dem Code zusammensetzt. In dem Fall wäre auml; der Code und schreibt man im Quellcode "ä", dann wird daraus beim Lesen der Seite wieder der gewohnte Umlaut.
Im CMS ist das kein Problem, weil der Editor von sich aus vor dem Speichern der Texte übersetzt, das heißt, es werden alle Sonderzeichen der deutschen Sprache in die jeweiligen Codes übertragen, das trifft auf das scharfe ß genauso zu wie auf die Umlaute oder etwa auch auf das Euro-Zeichen.
Die Einführung in die Beschreibungssprache HTML beginnt damit, dass man verstehen muss, wie die Tags eingesetzt werden, die den Befehlsatz darstellen. Es braucht ein Grundgerüst für jede Seite mit der Deklaration, unter welchen Spielregeln man arbeiten möchte und mit welchem Zeichensatz man die Seite aufbaut.
Jede Seite sollte über einen Kopfteil verfügen und über den eigentlichen Inhalt mit dem body-Tag, in dem sich Text, Bilder und Videos befinden. Im Kopfteil gibt es die Meta-Tags mit Grundeinstellungen für die Suchmaschinen, den Titel der Seite sowie auch die Links zu den CSS-Dateien.
Außerdem sollte man das Grundverständnis haben, warum die alte Methode mit direkten HTML-Formatierungen nicht so gut ist wie die moderne mit der CSS-Datei als externe Formatierungsquelle.
Themenseiten
Artikel-Thema: Zeichensatz in HTML einstellen
Beschreibung: Richtige Angabe des 🌍 Zeichensatzes in HTML, der auf der ✅ Webseite auch eingesetzt werden soll und mehrere Optionen bieten kann.
Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen
Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel
Praxisartikel