Ramki wbudowane, zwykle nazywane po prostu iframe, to jedyny typ ramek dozwolony w HTML5. Ramki te są zasadniczo sekcją strony, którą „wycinasz”. W miejscu, które wyciąłeś ze strony, możesz zasilać zewnętrzną stronę internetową.
W istocie element iframe to kolejne okno przeglądarki ustawione na Twojej stronie internetowej. Widzisz kod iframe powszechnie używane w witrynach, które muszą zawierać treści zewnętrzne, takie jak mapa Google lub film z YouTube. Obie te popularne witryny używają elementów iframe w swoim kodzie do osadzania.
Jak korzystać z elementu IFRAME
Element wykorzystuje globalne elementy HTML5, a także kilka innych elementów. Cztery są również atrybutami w HTML 4.01:
- adres URL źródła ramki,
- wysokość okna,
- szerokość okna i
- nazwa okna.
Trzy są nowością w HTML5:
- Srcdoc: HTML źródła ramki. Ten atrybut ma pierwszeństwo przed dowolnym adresem URL w src atrybut.
- Piaskownica: Lista funkcji, które powinny być dozwolone lub niedozwolone w oknie ramki.
- Bezszwowy: Mówi agentowi użytkownika, że element iframe powinien być renderowany tak, jakby był niewidoczną częścią dokumentu nadrzędnego.
Aby utworzyć prosty element iframe, ustaw źródłowy adres URL oraz szerokość i wysokość w pikselach:
Użyj wartości procentowej zamiast określonego rozmiaru w pikselach dla responsywna strona internetowa których rozmiar powinien się zmieniać wraz z różnymi rozmiarami ekranu.
Obsługa przeglądarki iframe
iframe element jest obsługiwany przez wszystkie nowoczesne przeglądarki desktopowe i mobilne. Jednak niektóre przeglądarki nie odpowiadają jeszcze konsekwentnie na trzy nowe atrybuty HTML5 dla tego elementu.
Elementy iframe i zabezpieczenia
iframe element sam w sobie nie stanowi zagrożenia bezpieczeństwa dla Ciebie lub odwiedzających Twoją witrynę. Ramki iframe mają złą reputację, ponieważ mogą być wykorzystywane przez złośliwe witryny do umieszczania treści, które mogą zainfekować komputer tak, aby nie widzieli go na stronie, umieszczając linki wskazujące na niewidzialny element iframe, a te skrypty uruchamiają złośliwe kod.
Niektóre wirusy komputerowe umieszczają niewidoczne elementy iframe na Twoich stronach internetowych, skutecznie zamieniając Twoją witrynę w botnet.
Odwiedzający Twoją witrynę są tak bezpieczni, jak zawartość wszystkich witryn, do których prowadzą linki. Jeśli masz powody, by sądzić, że witryna nie jest godna zaufania, nie twórz do niej linków w żaden sposób.