11. fejezet: Keretek újszerű módon - IFRAME
Mint már fentebb jeleztem, a Frame eléggé túlhaladott lett, helyette bejött a sok mindent öröklő, de sok újdonságot is tartalmazó Iframe. Ez már támogatott a HTML5-ben!
Példa:
<HTML>
...
<IFRAME SRC="http://www.tferi.hu/"></IFRAME>
...
</HTML>
Mint az a fenti példából is látható, az Iframe használatakor egy virtuális keretet hoz létre a megnyitott weblapban, melybe aztán igen sokféle tartalmat betölthetünk. Fontosabb paraméterek (ezeket támogatja a HTML5 is!):
- height = szám. A teljes Iframe keret vastagsága képpontban.
- name = szöveg. A teljes Iframe keret neve.
- scrolling = yes/no/auto. Az Iframe görgethetőségét adja meg.
- src = URL. A forrás megadása. Ez a legfontosabb paraméter.
- width = szám. A teljes Iframe keret vastagsága képpontban.
- srcdoc =HTML_code. A mutatott keret HTML-kódlapjának specifikációja. Óvatosan érdemes használni!
- sandbox = allow-forms/allow-pointer-lock/allow-popups//allow-same-origin/allow-scripts/allow-top-navigation. Az elemek tartalmának speciális korlátozása. Óvatosan érdemes használni!
További paraméterek – ezeket már nem támogatja a HTML5:
- align = left/right/top/middle/bottom. Az Iframe igazítása.
- frameborder=1/0. (vagy yes/no). Az adott Iframe keretének meglétét adja meg.
- longdesc = URL. A keret tartalmának hosszasabb leírása.
- marginheight = szám vagy %. Az adott frame alsó és felső keretének vastagságát adja meg.
- marginwidth = szám vagy %. Az adott frame bal és jobb oldalának vastagságát adja meg.
- scrolling = yes/no/auto. Az adott frame görgethetőségét adja meg.
20. feladat: Készítsen egy egyszerű weblapot, melynek a tetején legyen egy H1-es cím, majd alatta legyen belefoglalva egy másik weblap 800x600-as méretben! (Ha nem megy, akkor megnézheti a htmlpelda23.html állományban.)