TerminalX schrieb:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title> Meine Hp </title>
</head>
<body>
</body>
</html>
Auf jedenfall müssen die meta daten angeben werden, sonst weiß Safari nicht um was für ein Dokument es sich handelt.
In deinem Fall um eine normale HTML Seite, daher "text/html".
Ein Doctype ist auch nie schlecht, ist aber nicht erforderlich.
Das ist falsch.
Safari erkennt HTML auch ohne Meta-Daten und Doctype.
Das Problem ist folgendes:
TextEdit ist ein rudimentäres HTML-Programm.
Wenn du also eine Datei mit der Endung .html öffnest,
zeigt er dir nur den Bereich im Body-Tag an.
Edit: Oder besser: Zeigt dir die Seite wie ein
Browser an und bietet dazu noch die Möglichkeit,
diese zu bearbeiten.
Ich weiß nicht wie weit die Darstellungsqualitäten
von TextEdit gehen, aber bei einem kurzen Test
hat er zumindest Links schon umgewandelt.
Vielleicht nutzt er sogar die Safari-Engine zum Anzeigen einer Seite.
Wenn du nun in so eine .html-Datei in Textedit Text
einfügst - wie in deinem Fall eben den Quellcode - denkt
Safari, du wolltest genau das auf der Seite anzeigen und
wandelt diesen "Text" so in Sonderzeichen um, das
du auf der Internetseite nachher den Quellcode gezeigt bekommst.
Dein Dokument in einem Editor angezeigt, der wirklich
den HTML-Code zeigt, sieht so aus:
(Rechte Maustaste im Safari -> Quellcode anzeigen)
Hier sieht man auch, wie TextEdit Doctype und
Metadaten hinzugefügt hat.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="824.23">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.3px Verdana}
</style>
</head>
<body>
<p class="p1"><html></p>
<p class="p1"><head></p>
<p class="p1"><title> Meine Hp </title></p>
<p class="p1"></head></p>
<p class="p1"><body></p>
<p class="p1"></body></p>
<p class="p1"></html></p>
</body>
</html>
Hoffe, das hilft dir jetzt