Warum passiert das mit meinem HTML Code?
Folgendes: ich bin gerade dabei eine Schriftart von Google-fonts in ein HTML Dokument du importieren. Das Problem ist, dass der ganze Code anders formatiert wird, sobald ich den Link einfüge. Fast so, als ob kein schließender Tag vorhanden ist.
Das Dokument in dem das Problem zuallererst aufgetreten ist ist lang, weswegen ich ein kleines Beispiel in einem eigens dafür verwendeten Code hinzufüge, es ist überall das selbe.
Kann mir jemand sagen, ob diese Farbänderung nach dem </head> normal sind? Wenn nein, was sollte ich ändern?
4 Antworten
Der Link-Tag sollte so aussehen:
<head>
<link rel="stylesheet" href="styles.css">
</head>
siehe auch hier: https://www.w3schools.com/tags/tag_link.asp
Du musst das <style>-Tag entfernen.
Weil das öffende <style>-Tag nicht durch </style> am Ende geschlossen wurde und der Editor nach <style> den CSS- und nicht HTML-Code erwartet, kommt die abweichende Textfarbe (Syntax-Highlighting) im Editor zustande, deswegen auch die beiden roten Markierungen/Kringel.
Ansonsten sieht alles andere und die <link>-Tags korrekt aus. Es liegt nur ein einfacher Syntax-Fehler vor.
Fast so, als ob kein schließender Tag vorhanden ist.
Das <style>-Tag gehört dort nicht hin, und möglicherweise hast du auch kein </style>-Tag, was zusätzliche "Verwirrung" erzeugt.
Wenn du ein externes Stylesheet einfügen willst, brauchst du kein <style> am Anfang, nur den <link> Tag