Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
<
object>
:
    Attributreferenz
data
,
    Attributreferenz
type
,
    Attributreferenz
width
,
    Attributreferenz
height
:

    Attributreferenz
form
:

7.5        Eingebettete Frames
    Neben
embed
und
object
stellt das hier beschriebene
iframe
-Element die dritte Möglichkeit dar, beliebige andere Ressourcen in HTML einzubetten. Bei diesem Element besteht der Haupt-Einsatzzweck darin, vollständige andere Webseiten einzubinden. Das kann beispielsweise eine auf jeder Seite benötigte Navigation sein oder ein separat vom übrigen Inhalt dynamisch erzeugter Inhalt, etwa ein Newsticker.
    Eingebettete Frames werden seit Langem von allen Browsern interpretiert und gehören seit Version 4.0 zum HTML-Standard. In HTML 4.0 wurden sie allerdings in eine Schublade mit den mittlerweile verpönten und nicht mehr im Standard enthaltenen Framesets gesteckt und nur in der nicht wirklich erwünschten Frameset-Variante von HTML 4.0 mitgeführt.
Mit HTML5 gehört das
iframe
-Element endlich zum offiziellen Sprachstandard. Dabei wurden auch einige neue Attribute und damit verbundene Konzepte eingeführt, die allerdings teilweise nicht ganz unumstritten sind und sich eher an zukünftige Browser richten.
Beispiel Teil 1: Dokument mit dem iframe-Element
    
    
    
    
    Eingebettete Frames
    
    
    

    

HOME


    

    

    
    

    

    

Viel Inhalt


    

    
    
Beispiel Teil 2: Eingebettetes Dokument
    
    
    
    
    
    Navigation
    
    
    
    
    
Erläuterung
    Das Beispiel zeigt eine Webseite, in die eine Navigation eingebunden ist. Die Navigation befindet sich in einer separaten HTML-Datei. So muss die Navigation nur an einer Stelle geändert werden, wenn sie geändert werden soll.
    Bild 7.10: Navigation als eingebetteter Frame
    Die Nebeneinander-Anordnung der Navigation und der Seiteninhalte wird im Beispiel durch ein paar CSS-Angaben erzeugt, auf die an dieser Stelle nicht näher eingegangen wird.
    Das obige Beispiel besteht aus zwei vollständigen HTML-Dokumenten (die auch in Form von zwei HTML-Dateien existieren). Das erste Dokument zeigt das Haupt-Dokument bzw. die eigentliche Webseite. Darin eingebettet ist ein
iframe
-Element, markiert durch

(iframe = inline frame = eingebetteter Rahmen). Im einleitenden

wird als alternativer Inhalt (Fallback-Inhalt) interpretiert und nur dann angezeigt, wenn der Browser das
iframe
-Element nicht kennt oder nicht anzeigen kann. Der Inhalt kann aus beliebigem HTML-Code bestehen. Im obigen Beispiel wird ein Link zu der Datei angeboten, die über den Inline-Frame eingebettet wird. Auf diese Weise können Anwender, bei denen der eingebettete Frame nicht angezeigt wird, über den Link zur Navigation gelangen, wo sie dann wiederum eine andere Seite des Angebots auswählen können.
Weitere Hinweise
    Das
iframe
-Element kann ein Attribut
name
erhalten, z.

Weitere Kostenlose Bücher