HTML5, Eingebettete Elemente - Teil 2

Viele Male in unseren Dokumenten HTML Wir müssen den Inhalt bereichern und es geht nicht mehr darum, ein Bild hinzuzufügen, sondern auch auf medialer Ebene im Allgemeinen, dafür müssen wir Inhalte von anderen Seiten einbinden, Videos einbinden usw. Dazu werden wir sehen, wie Sie andere Arten von Elementen als Bilder einbetten.
Um HTML-Inhalte einzubinden, verwenden wir das Element iframe, Dieses Element ermöglicht es uns, eine andere Seite als die aktuelle in unser Dokument aufzunehmen. Die Attribute sind die folgenden:

• src
• srcdoc
• Süßkartoffel
• Breite
• Höhe
• Sandkasten
• nahtlos

Sehen wir uns ein Beispiel auf Codeebene für die Implementierung von a . an iframe in einem HTML5-Dokument:

 Beispiel

Früchte die ich mag
Aktivitäten die ich mag

In diesem Beispiel sehen wir, wie wir einige Elemente verwenden zu um Links zu generieren, mit denen wir ein anderes Dokument innerhalb der . laden können iframe, darin sehen wir Attribute wie Süßkartoffel was den Namen des Elements angibt, wie Breite Ja Höhe Damit können wir die Größe des Elements festlegen.
Sehen wir uns an, wie dieses Beispiel aussieht, wenn wir es in unserem Browser ausführen:

In HTML5 haben wir zwei neue AttributeSehen wir uns das erste an nahtlos, dieses Attribut ermöglicht es uns, die iframe als wäre es ein integraler Bestandteil unseres Dokuments, dh ein Benutzer würde nicht erkennen, dass er Inhalte sieht, die nicht zur Site gehören, das zweite Attribut, Sandkasten, hilft es uns zu verhindern, dass die folgenden Attribute innerhalb des Dokuments funktionieren, das im geöffneten iframe:

• Skripte
• Formen
• Plugins
• Links zu anderen Dokumenten

Die Werte, die das Attribut annehmen kann Sandkasten sind wie folgt:

• erlauben-Formulare: Ermöglicht die Verwendung von Formularen.
• Allow-Skripte: Es ermöglicht die Verwendung von Skripten wie Javascript.
• Allow-Top-Navigation: Es aktiviert die Links, sodass sie das aktuelle Dokument ersetzen können, aus dem die iframe oder auch neue Tabs und Fenster öffnen.
• erlauben-gleichen-herkunft: Es ermöglicht den Inhalt der iframe behandelt werden, als ob sie innerhalb desselben Dokuments generiert worden wäre, das den Aufruf durchführt.

Mit diesem Element können wir Objekte in unser HTML-Dokument einbinden, z. B. ein Video von Youtube, Schauen wir uns ein Beispiel dafür an:

 Beispiel 

Wie wir im Beispiel sehen können, haben wir das Attribut src die die Quelle des einzubettenden Objekts angibt, dann die Typ die uns sagt, um welche Art von Objekt es sich handelt, sowie die Breite und das Höhe um die Größe unseres Elements einzustellen.
Dieses Element ist sehr nützlich, wenn Sie unsere Seiten weiter bereichern möchten, jetzt nicht nur mit anderen Dokumenten und Bildern, sondern auch mit Videos und Flash-Inhalten.
Damit beenden wir dieses Tutorial, wir sollten bereits in der Lage sein, Dokumente zu erstellen HTML angereichert, die sich an das Bild anpassen, das wir möglicherweise in unseren Köpfen haben, wie unsere Seite aussehen sollte, entweder um Bilder oder Videos aus verschiedenen Arten von Quellen anzuzeigen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben