Zeige visuelle Inhalte von externen Servern und anderen Quellen auf deiner Website in einem HTML-iFrame an. Erstelle ein Wetter-Widget, ein Aktien-Widget, einen Kalender oder jedes andere individuelle Element, das dir in den Sinn kommt.

In diesem Artikel erfährst du mehr über folgende Themen:

Deinen Code hinzufügen

Verwende das HTTPS-Textfeld, um deinen Code hinzuzufügen. Der Code, den du einfügst, wird automatisch mit hervorgehoben, um die Ansicht zu erleichtern.

Gib deinen Code unter Code hier hinzufügen (nur HTTPS).
Klicke auf Aktualisieren.

Wichtig: Stelle sicher, dass dein Code HTTPS enthält, nicht HTTP, andernfalls wird er auf deiner Live-Website nicht angezeigt.

Einschränkungen beim Einbetten von HTML

Code innerhalb des HTML-Elements wird auf deiner Live-Website in einem Sandbox-iFrame angezeigt. Wenn du Sandbox verwendest, verhinderst du mögliche Nebeneffekte des benutzerdefinierten HTML/JS/CSS-Codes.

Normalerweise blockiert ein iFrame in einer Sandbox Folgendes:

Verwendung von Browser-APIs
Inhalt mit Plugins (über <embed>, <object>, <applet> oder andere)
Automatisch ausgelöste Funktionen (z. B. automatisches Abspielen eines Videos oder automatisches Fokussieren einer Formularsteuerung)

Wir haben jedoch bestimmte Fähigkeiten für deinen benutzerdefinierten Code gemäß den W3C-Spezifikationen reaktiviert:

allow-same-origin: Aktiviert erneut Skripte/Inhalte von Drittanbietern
allow-forms: Aktiviert erneut Formulareinreichungen
allow-popups: Aktiviert erneut Pop-ups
allow-scripts: Aktiviert erneut individuellen JavaScript-Code
allow-pointer-lock: Aktiviert erneut das Greifen des Cursors

HTML einbetten

この記事では、次のようなテーマをご紹介します：

役に立ちましたか？