Warum werden die Umlaute nicht richtig angezeigt im Browser wenn ich was in html schreibe?

Hallo,

hab jetzt <meta charset="utf-8"> geschrieben und eigentlich müsste das doch klappen.

Aber die ganzen ü,ä usw. werden wenn ich das mit Chrome öffne nicht richtig angezeigt. Was soll ich tun?

danke schonmal

5 Antworten

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

07.09.2018, 12:11

Du musst eine Editor verwenden, der die Datei im Format UTF-8 abspreichert (z. B. Notepad-plus-plus.org)

Alex

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

01.09.2018, 20:35

Wo hast du denn den meta-Tag hingeschrieben? Im head-Bereich? Verwendest du HTML5?

Das nächste, was du prüfen solltest, ist die Zeichenkodierung, in der deine Datei abgespeichert ist. UTF-8 wäre auch hier die Wahl. Wenn du etwas in den Standard-Texteditor von Windows schreibst und abspeicherst, kannst du die Kodierung beim Speichern festlegen.

Das Umschreiben der Sonderzeichen mittels HTML-Umlauten (ä usw.) ist nicht die Lösung - gerade das möchtest du ja mit dem expliziten Setzen der Kodierung vermeiden.

Treyy357

Fragesteller

02.09.2018, 01:58

Dankeschön,das ist es.

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

01.09.2018, 22:25

Hast du denn deine HTML-Datei auch UTF-8-kodiert gespeichert? Mit dem Charset im HEAD sagst du ja nur, welche Zeichencodierung deine Daten haben und die muss dann natürlich auch so vorliegen.

Bei den meisten Editoren kannst du die Kodierung beim Speichern oder schon beim Bearbeiten festlegen. Die muss natürlich auch UTF-8 sein.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

SteffR

01.09.2018, 20:16

Haste die benötigten Fonts evtl. nicht installiert?

Treyy357

Fragesteller

01.09.2018, 20:17

Also hab keine Webfonts oder so benutzt, hab lediglich im Editor schnell was geschrieben.

Cora1205

01.09.2018, 20:18

Kannst auch:

ä Ä ö Ö ü Ü ß

schreiben

für: ä Ä ö Ö ü Ü ß

und wenn du es erst ganz normal mit den Umlauten schreibst, dann kannst du im Editor mit suchen/ersetzen das ganz schnell ändern.

Treyy357

Fragesteller

01.09.2018, 20:18

Des hab ich schon probiert aber klappt irgendwie nich bei mir. Aber trotzdem danke.

Treyy357

Fragesteller

01.09.2018, 20:22

@Treyy357

dachte man muss das ; mit eintippen, habs jetzt mal weggelassen und ja es geht tatsächlich.

auf meiner Website werden Umlaute plötzlich falsch angezeigt mit zB. Ã oder ¶. Vorher hat alles funktioniert. Und wenn ich das HTML Skript einfach von meinem PC aus ausführe wird es auch ganz normal im selben Browser angezeigt. Woran könnte das liegen ist ja das selbe Skript und habe nichts verändert. benutze das charset "UTF-8"

...zur Frage

UTF-8 Problem . Umlaute werden falsch dargestellt?

Hallo und guten Morgen,
kann mir hierbei jemand helfen?

Folgendes passiert :

Ich möchte Daten in meiner DB speichern. Das Speichern wird wie gewünscht umgesetzt, doch leider werden die Umlaute falsch interpretiert.

Ein "halbe" Lösung habe ich gefunden.

Sofern ich diesen Abschnitt an den Anfang der Seite setze:

 header('Content-Type: text/html; charset=ISO-8859-1');

werden die Wörter richtig in der DB abgespeichert.

ABER...

Danach werden die Wörter im HTML-Code falsch dargestellt.

Momentan habe ich also die Wahl, ob die Umlaute falsch in der DB abgespeichert werden, oder falsch in HTML angezeigt werden.

PS: Im HTML habe ich Folgendes gesetzt:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

Vielen Dank und schönen Sonntag .

...zur Frage

Was bewirkt <meta charset="utf-8">?

Ich habe mich in letzter Zeit ein wenig mit HTML beschäftigt und frage mich was <meta charset="utf-8"> genau bewirkt und was es für Folgen haben kann wenn man es nicht schreibt.

...zur Frage

Umlaute auf HTML Webseite werden nicht richtig angezeigt?

Bei einer Webseite die ich schon vor längerem programmiert habe, werden plötzlich die Umlaute nicht mehr richtig angezeigt. Sowohl bei Firefox als auch bei Internet Explorer, und das nicht nur auf meinem Laptop, auch andere Besucher berichteten davon.

Habe im Internet recherchiert und habe dann folgenden META Tag hinzugefügt:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

plus eine .htaccess erstellt mit dem charset:

AddDefaultCharset iso-8859-1

hat nicht funktioniert. Habe denn einfach das "iso-8859-1" mit "utf-8" ersetzt, hat jedoch auch nicht geklappt. hat jemand eine Idee?

...zur Frage

Java Umlaute ersetzen Scanner?

Hi, ich verstehe nicht warum die Umlaute nicht ersetzt werden, sollte doch mit der replace() Methode funktionieren. Könnt ihr mir helfen ?

CODE:

    Scanner s = new Scanner(System.in, "UTF-8");
    
    System.out.println("Vorname: "); String vorname = s.nextLine().toLowerCase().replace("ä","ae").replace("ö", "oe").replace("ü","ue");
    System.out.println("Nachname: "); String nachname = s.nextLine().toLowerCase().replace("ä","ae").replace("ö", "oe").replace("ü","ue");
    System.out.println(nachname + "." + vorname + "@student.tgm.ac.at");
    
    s.close();
}

}

...zur Frage

DE Sonderzeichen Fehler in HTML?

Hi,

ich sitze momentan an einer Datei, um ein paar Dinge auszuprobieren. Ich habe die Meta-Tags wie gewohnt aus einer anderen (funktionierenden) Datei kopiert.

Nun werden allerdings ausschließlich in meiner Datei die Umlaute wie Ä,Ö,Ü und ß mit

"�"

angezeigt. Auch das rein-kopieren Tags aus anderen Dateien, oder das entfernen des Stylesheets hat nix geändert. Kurzzeitig hatte ich auch den Meta-Tag:

mit reingenommen, allerdings ohne Erfolg oder Veränderungen. Auch das Debugging von W3C hat nix auffälliges gefunden:

Für alle helfenden Hände großes Danke!

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="example, html, head, meta">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <title>Das Box-Modell</title>
  </head>


<body>
  <header>
      
    <div class="flex">
     <img src="bilder/logo.svg" alt="logo">
    </div>
    
     <h1>Wilkommen auf der Test-Seite!</h1>
     <nav>
              <a href="#link_1.html">Blog</a>
              <a href="#link_1.html">Unterseite 1</a>
              <a href="#link_1.html">Unterseite 2</a>
              <a href="#link_1.html">Kontakt</a>
     </nav>
          
    </header>
      
      <main>
          
          <h2>ÜÜÜCCS-basierte Layouts <br><br />HTML-Struktur ohne CSS</h2>         
          
      </main>
    
    
    
    <footer>
     <a href="kontakt.html">Kontakt</a>
     <p>&copy; 2024 by GTA1A</p>
    </footer>


</body>
</html>

...zur Frage

Bild aus einem Input mit Javascript anzeigen?

Ich würde gerne, dass man eine Datei hochlädt und mit einem Button dann auf der Seite anzeigen lassen kann. Ich habe schon etwas rum probiert und es kommt immer nur " [object HTMLImageElement] " raus.

Mein Code ist dieser:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        function anzeigen() {

            let bild = new Image();
            bild.src = document.getElementById("input");

            document.getElementById("bild").innerHTML = bild;

        }


    </script>
</head>
<body>
    <input type="file" accept="image/png, image/jpg" id="input">
    <input type="button" onclick="anzeigen();">
    <div id="bild">



    </div>
</body>
</html>

Das hochladen von Dateien funktioniert perfekt. Nur wird das Bild nicht angezeigt.

(Bin Anfänger)

Danke für eure Hilfe^^

...zur Frage

C++ Umlaute ü, ö, ä schreiben?

Wie kann man ä,ö,ü in c++ schreiben, bei mir kommt nur eine ³?

...zur Frage

Umlaute (Ä,Ö,Ü) bei MATLAB einstellen?

Hallo.

Ich möchte gerne dass Matlab mir die Umlaute anzeigt wenn ich bei Input ein Umlaut reinschreibe.

es Nervt mich total dass auch wenn ich die Umlaute reinschreibe da nur ein Fragezeichen angezeigt wird beim Command Window.

Das Programmieren ist ja nicht das Problem, sondern lediglich dass es mich stört da ein Fragezeichen zu sehen oder ständig ein ae, oe und ue zu schreiben.

in meiner Uni auf den Rechnern klappt das, aber bei mir zuhause bekomm ich das nicht auf die reihe.

wäre echt lieb wenn mir jemand helfen könnte, der bisschen mehr Ahnung hat als ich.

...zur Frage

HTML Code funktioniert nicht Bild wir mit Platzhalter ersetzt?

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>LIHI Haircuts</title>
 </head>
 <body>
  <img src="/Bilder/Salon.jpg">
 </body>
</html>

Das ist der Code bis jetzt und angezeigt wird mir nur ein Platzhalter. Ich haben einen Ordner namens "Haircut Seite" auf dem Desktop angelegt. Darin befindet sich die ".html" Datei und ein weiter Ordner Namens "Bilder", dort sind dann die Bilder die ich für die Website nutzen möchte. Die Bilder sind auch alle .jpg Dateien. Weiß jemand weiter ?

...zur Frage

jQuery lädt nicht?

Hallo,

ich brauche Hilfe bei diesem Code:

Index:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

geladene Datei:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

Das Problem ist, dass wenn ich die Index mit einem Live Server starte dann kann ich auch die geladene Navigation sehen, aber wenn ich sie normal öffne (Doppelklick auf die Datei (Chrome)) dann geht es nicht.

Danke im voraus

...zur Frage

HTML Text verschieben?

Ich möchte den text horizontal mittig haben justify-content und align-items gehen beide nicht


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .WelcomeTitle {
           display: flex;
           flex-direction: column;
          
            text-align: center;
            align-items: center;
            font-family: sans-serif;
        }
    </style>
    <h1 class="WelcomeTitle">Hier kommt ein Titel
        <br>
        hin der Lang ist!</h1>
</body>
</html>

...zur Frage

was bedeutet meta charset='utf-8' ?

kann jmd von euch sagen was meta ist und charset und utf und die zahl bedeutet ??

...zur Frage

was bedeutet meta charset="utf-8"?

bitte einfach erklären

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen