Es soll ja von Zeit zu Zeit vorkommen, dass man auch noch einfache HTML-Seiten programmiert, wenn sich der Content nicht regelmäßig verändert. Wie auch ich, werdet auch dir diese Seiten dann wahrscheinlich für den deutschen Sprachraum erstellen und das bedeutet Umlaute im Text.
Im puren HTML-Code muss ich also irgendwie dafür sorgen, dass die Browser weltweit die Umlaute also auch korrekt anzeigen und nicht die Boxen mit Fragezeichen, wie ihr sie bestimmt auch schon gesehen habt.
Als ich die erste eigene HTML-Seite gecodet hatte, war das mit den Umlauten auch ein nicht ganz kleines Problem für mich und auch wenn das jetzt schon etwas her ist, denke ich dass gerade Anfänger dieses Problem auch haben werden.
Das Problem haben wir jetzt lange genug bewundert, kommen wir nun endlich zur Lösung.
Damit Umlaute auf Static-Sites korrekt angezeigt werden, muss nämlich nur die Zeichenkodierung in den Meta-Tags angegeben werden. Da es sich um einzelne Seiten handelt, müsst ihr das natürlich auch auf jeder Seite tun.
Der Code um Umlaute anzeigen zu lassen ist der folgende:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

Einfach im Datei-Kopf der HTML-Datei einbinden und schon, werden die Umlaute so angezeigt, dass man sie auch lesen kann.
Ich hoffe ich konnte euch mit diesem kurzen Artikel etwas helfen.
Sensei

Code in WordPress anzeigen lassen
Jeder der schon einmal ein Tutorial zu einem Coding-Theme verfasst und es in einem WordPress Blog gepostet hat, weiß dass es nicht einfach so geht.
In HTML und xHTML werden die <code></code> Tags dazu genutzt, um HTML-Code als Text anzeigen zu lassen. Wenn man in WordPress allerdings einen Code wie den folgenden eingibt:
<code> <div class=“test“></div> </code>
dann wird der Code ausgeführt und nicht angezeigt, weil WordPress trotz den Code-Tags die < > Klammern erkennt und für einen auszuführenden Befehl hält.
Wenn ihr wollt, dass WordPress den Code anzeigt, müsst ihr die < > Klammern mit dem HTML-Code für diese Sonderzeichen ersetzen.
für die „<"-Klammer nutzt ihr &lt; für die „>“-Klammer &gt; Wenn ihr das in den Code einsetzt: <code> &lt;div class=“test“>&lt;/div> </code>
dann wird der Code nicht mehr ausgeführt, sondern als Code angezeigt.
Als Abschluss hier nochmal eine kurze Liste mit weiteren Sonderzeichen: < = &lt; > = &gt; / = &#47; ] = &#93; [ = &#91; " = &#34; ' = &#39; Wir hoffen wir konnten euch auch mit diesem kleinen Tutorial helfen.
Euer netheweb.de Team