Wie zeige ich eine lokale HTML-Datei online in der Vorschau an?

Legen Sie die .html-Datei auf dieser Seite ab und Sie erhalten sofort einen https-Link. Die Seite wird so dargestellt, wie eine echte Webseite dargestellt würde — und genau das liefert ein Doppelklick nicht.

Warum ist die Formatierung beim Doppelklick kaputt?

Der Doppelklick nutzt das file://-Protokoll, das Browser weit stärker einschränken als https. Externe Stylesheets, Schriften und Netzwerkanfragen können allesamt blockiert werden, deshalb sieht es nicht so aus wie erwartet.

Kann ich eine lokale HTML-Datei auf dem Handy ansehen?

Direkt meist nicht — die wenigsten mobilen Browser öffnen lokale Dateien. Sobald Sie einen Link haben, öffnet er sich auf dem Handy wie jede andere Webseite.

Funktioniert das mit KI-generiertem HTML?

Ja, und das ist einer der häufigsten Anwendungsfälle. Einzeldatei-HTML aus einer KI bringt seine Formatierung in der Regel selbst mit, wird also vollständig dargestellt, sobald Sie es hier ablegen — und lässt sich leicht an andere weitergeben.

Wird meine Datei auf einen Server hochgeladen?

Die Datei wird in Ihrem Browser verarbeitet; ausgeliefert wird nur die veröffentlichte Seite. Ohne Konto erstellte Links laufen nach 7 Tagen ab. Melden Sie sich an, um sie unbegrenzt zu behalten oder jederzeit zu löschen.

Wie groß darf die Datei sein?

Einzeldatei-HTML ist in aller Regel unproblematisch. Hängt Ihre Seite an separaten Dateien im selben Ordner (eigenständiges CSS, Bilder), binden Sie diese vorher in eine einzige HTML-Datei ein.

Plain.

Ausprobieren

HTML ablegen. Link erhalten.

Ziehen Sie eine .html-Datei an eine beliebige Stelle dieser Seite, oder

Keine Registrierung. Kein Build. Der Link funktioniert sofort.

Ihr HTML wird genau so gehostet, wie Sie es geschrieben haben — nichts wird umgeschrieben.

Warum der Doppelklick falsch aussieht

Ein Doppelklick auf eine HTML-Datei öffnet sie über file://, und das ist nicht dasselbe wie eine echte Seite unter https://. Dort geht unbemerkt einiges kaputt: Das Laden externer Ressourcen läuft in die Cross-Origin-Regeln, fetch und Teile des JavaScript scheitern komplett, und Schriften oder Bilder mit relativen Pfaden fehlen häufig. Auf dem Handy ist es noch schlimmer — die meisten mobilen Browser können eine lokale Datei überhaupt nicht öffnen. Einen Link zu veröffentlichen bringt die Seite einfach zurück in die Umgebung, für die sie geschrieben wurde.

Häufige Fragen

Wie zeige ich eine lokale HTML-Datei online in der Vorschau an?: Legen Sie die .html-Datei auf dieser Seite ab und Sie erhalten sofort einen https-Link. Die Seite wird so dargestellt, wie eine echte Webseite dargestellt würde — und genau das liefert ein Doppelklick nicht.
Warum ist die Formatierung beim Doppelklick kaputt?: Der Doppelklick nutzt das file://-Protokoll, das Browser weit stärker einschränken als https. Externe Stylesheets, Schriften und Netzwerkanfragen können allesamt blockiert werden, deshalb sieht es nicht so aus wie erwartet.
Kann ich eine lokale HTML-Datei auf dem Handy ansehen?: Direkt meist nicht — die wenigsten mobilen Browser öffnen lokale Dateien. Sobald Sie einen Link haben, öffnet er sich auf dem Handy wie jede andere Webseite.
Funktioniert das mit KI-generiertem HTML?: Ja, und das ist einer der häufigsten Anwendungsfälle. Einzeldatei-HTML aus einer KI bringt seine Formatierung in der Regel selbst mit, wird also vollständig dargestellt, sobald Sie es hier ablegen — und lässt sich leicht an andere weitergeben.
Wird meine Datei auf einen Server hochgeladen?: Die Datei wird in Ihrem Browser verarbeitet; ausgeliefert wird nur die veröffentlichte Seite. Ohne Konto erstellte Links laufen nach 7 Tagen ab. Melden Sie sich an, um sie unbegrenzt zu behalten oder jederzeit zu löschen.
Wie groß darf die Datei sein?: Einzeldatei-HTML ist in aller Regel unproblematisch. Hängt Ihre Seite an separaten Dateien im selben Ordner (eigenständiges CSS, Bilder), binden Sie diese vorher in eine einzige HTML-Datei ein.

Sie wollen es jemandem schicken? Probieren Sie HTML zu URL — dasselbe Werkzeug, aus Sicht des Teilens erklärt.