Iframe: Wstawianie Zewnętrznych Zasobów
CO TO IFRAME
Tag <Iframe> to jeden z bardziej zaawansowanych elementów HTML, który pozwala na osadzanie wewnątrz strony internetowej innej witryny lub materiału multimedialnego z zewnętrznych źródeł. Dzięki niemu możemy umieścić na naszej stronie np. interaktywną mapę, wideo z serwisu YouTube czy kalkulator finansowy z innej witryny. Wymaga jednak uważnego stosowania ze względu na potencjalne zagrożenia związane z bezpieczeństwem oraz konfliktami związanymi z interaktywnością między stronami. Możliwe jest również dostosowanie iframe np. po przez dodanie paska przesuwania strony w tle.
PRZYKŁADY ZASTOSOWANIA TAGU IFRAME
- Osadzanie map: Tag <iframe> jest często wykorzystywany do osadzania map interaktywnych, takich jak Google Maps. Kod rozpoczyna się od znacznika <iframe> oraz atrybutu ‘’src’’, który określa adres URL, z którego jest pobierana mapa.
- Tag <iframe> umożliwia również wbudowywanie multimediów na stronie internetowej. Na przykład, można użyć <iframe> oraz atrybutu „src” do osadzenia filmów z platform takich jak YouTube. Umożliwia to dodawanie filmów promujących lub reklam na naszej stronie By zdobyć gotowy kod do osadzenia filmu YouTube na stronie wystarczy kliknąć na udostępnienie gdzie znajdziemy gotowy kod
- Tag <iframe> może być również używany do wyświetlania dokumentów np. Word czy pdf bezpośrednio na stronie internetowej. Aby osadzić wybrany plik na stronie trzeba umieścić odpowiedni atrybut <iframe> np. tak jak poniżej.
Atrybuty integujące się z iframe
ALIGN=”Dopasowanie”
- center – wyśrodkowanie
- justify – wyrównanie do obu marginesów jednocześnie
- left – wyrównanie do lewej
- right – wyrównanie do prawej
FRAMEBORDER=”obramowanie”
- 0 – brak separatora pomiędzy sąsiadującymi ramkami
- 1 – separator pomiędzy sąsiadującymi ramkami
ID=”nazwa”
Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie
HEIGHT=”długość”
Wysokość ramki w pikselach lub w procentach
LONGDESC=”adres”
Odnośnik do długiego opisu ramki
MARGINHEIGHT=”piksela”
Wysokość górnego i dolnego marginesu w ramce
MARGINWIDTH=”piksele”
Szerokość lewego i prawego marginesu w ramce
NAME=”nazwa”
Określa nazwę ramki, do której mogą się później odnosić odsyłacze
NORESIZE
Rozmiary okna ramki nie będą zmieniane
SCROLLING=”przewijanie”
Określa sposób przewijania zawartości ramki:
- auto – ramka będzie przewijana, kiedy to będzie konieczne (domyślnie)
- no – ramka nie będzie przewijana
- yes – ramka będzie przewijana zawsze
SRC=”URL”
Podaje lokację inicjalizującego dokumentu ramki
STYLE=”styl”
TITLE=”tekst”
Tekst pomocniczy
WIDTH=”długość”
Szerokość ramki w pikselach lub w procentach
Zalety korzystania z Iframe
- Jest to dobry sposób na ciekawą stronę
- Pozwala na dołączenie własnych mediów oraz reklam promujących
- Umożliwia dodawanie stron trzecich na stronie internetowej
- Pozwala na włączanie aplet stron trzecich takich jak formularze
Wady korzystania z iframe
- Iframe nie przydaje się w galeriach zdjęć i forach
- Występowanie wirusów w niewidzialnych ramkach iframe
- Kod iframe może zostać wykorzystany do atakowania witryn. Iframe jest wstawiany do zapisanych wyników wyszukiwania stron, po kliknięciu w link na zmodyfikowanej przeglądarce jesteśmy kierowani do szkodliwych treści iframe. Sprawia to że jesteśmy podatni na wirusy.