Iframe Generator
Generuj kod osadzania iframe HTML z własnymi wymiarami i atrybutami sandbox.
O tym narzędziu
Iframe Generator tworzy gotowy do użycia kod osadzenia HTML `<iframe>`. Skonfiguruj adres URL źródła, wymiary, tytuł, zachowanie przewijania, leniwe ładowanie, uprawnienie pełnego ekranu oraz atrybut sandbox — a następnie skopiuj wynik.
Wszystkie pola aktualizują wygenerowany kod w czasie rzeczywistym. Żadne dane nie są wysyłane na serwer. Atrybut title jest wymagany ze względu na dostępność: czytniki ekranu odczytują go, opisując osadzoną zawartość.
Jak używać
- Wpisz adres URL, który chcesz osadzić, w polu URL.
- Ustaw szerokość, wysokość, tytuł, obramowanie, przewijanie i opcje ładowania.
- Włącz allowfullscreen i sandbox w razie potrzeby; jeśli sandbox jest włączony, wybierz uprawnienia do przyznania.
- Skopiuj wygenerowany kod iframe i wklej go do swojego HTML.
Przypadki użycia
Deweloperzy osadzają filmy z YouTube lub Vimeo z dokładnymi wymiarami w pikselach. Inżynierowie front-endowi osadzają mapy, widżety lub narzędzia stron trzecich z zabezpieczeniem sandbox. Projektanci tworzą strony portalowe zawierające zewnętrzną treść w linii.
Często zadawane pytania
- Czym jest atrybut sandbox? — sandbox ogranicza to, co może robić osadzona strona (uruchamiać skrypty, wysyłać formularze, otwierać wyskakujące okienka). Włącz tylko te uprawnienia, które są faktycznie potrzebne, dla bezpieczeństwa.
- Dlaczego atrybut title jest ważny? — Czytniki ekranu używają title, aby opisać osadzoną zawartość użytkownikom niedowidzącym. WCAG 2.1 wymaga sensownego tytułu dla każdego iframe.
- Czy każda strona internetowa pozwoli się osadzić? — Nie. Strony mogą wysyłać nagłówki X-Frame-Options lub Content-Security-Policy, które blokują osadzanie. Możesz osadzać tylko strony, które wyraźnie na to zezwalają.