iframe
element iframe – ramka iframe (pływająca) – pozwala na ładowanie innej strony lub media wewnątrz pojedynczej strony – 'zagnieżdżony kontekst przeglądania’
<iframe name="smash" width="480px" height="300px" sandbox="allow-same-origin" seamless="seamless" src="http://smashingmagazine.com"></iframe>
atrybuty:
- src
- srcdoc – odsyła do tekstu/pliku html
- name
- sandbox – do ograniczenia typów zawartości i funkcjonalności które mogą być dostarczone w iframe ze względów bezpieczeństwa, dostępny w przeglądarce Google Chrome
- seamless – odnośniki otwierane w kontekście przeglądania rodzica zamiast w kontekście zagnieżdżenia – wewnątrz iframe
- width
- height
Ładowanie zdjęć do elementu iframe za pomocą elementu a:
<iframe name="myGallery" width="600px" height="600px" src="images/mountain1.jpg"></iframe> <nav> <a href="images/mountain1.jpg" target="myGallery">M1</a> <a href="images/mountain2.jpg" target="myGallery">M1</a> <a href="images/mountain3.jpg" target="myGallery">M1</a> <a href="images/mountain4.jpg" target="myGallery">M1</a> </nav>