IFRAME - pływająca ramka
Polecenie tworzy określa wewnętrzną ramkę (t. zw. pływającą ramkę). Wewnętrzna ramka służy do umieszczenia dokumentu HTML w wewnątrz innego dokumentu HTML.
Przykład:
<iframe id="plywajaca ramka" src="http://www.onet.pl" width="80%" height="300" frameborder="1">
</iframe>
Znacznik zamykający: wymagany
Dla przeglądarek, które nie obsługują tagu <iframe>, użyj tekstu informacyjnego
<iframe src="http://www.wp.pl">
<p>Twoja przeglądarka nie obsługuje ramek iframe.</p>
</iframe>
Wskazówka: Użyj stylów CSS dla <iframe> (np. aby włączyć paski przewijania).
Atrybuty
HTML5 dodał kilka nowych atrybutów, a kilka atrybutów HTML 4,01 są usunięte z HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| width | pixels | Określa szerokość elementu<iframe> |
| height | pixels | Określa wysokość <iframe> |
| id | tekst | Określa unikalną nazwę <iframe> |
sandbox |
"" allow-forms allow-same-origin allow-scripts allow-top-navigation |
Włącza zestaw dodatkowych ograniczeń w treści w <iframe> |
seamless |
seamless | Pozwala wewnętrznej ramce pojawiać się jakby była renderowana jako część danego dokumentu. Na przykład, obramowanie i paski przewijania nie będą wyświetlane . |
| src | URL | Określa adres dokumentu, który ma być umieszczony w <iframe> |
srcdoc |
HTML_code | Określa zawartość HTML strony, która ma być wyswietlona w <iframe> |
Atrybuty globalne
Tag <iframe> obsługuje także globalne atrybuty w HTML.
Atrybuty zdarzeń
Tag <iframe> obsługuje również atrybuty zdarzeń w HTML.