Znacznik iframe

Znacznik iframe umożliwia osadzanie zawartości jednej strony w drugiej. Jest używany do wyświetlania treści, takich jak filmy, obrazy lub artykuły, bez konieczności otwierania nowego okna lub karty.

Zawartość osadzanej strony będzie miała design właśnie tej strony. Jednocześnie style CSS naszej strony, a także nasz kod JavaScript nie będą wpływać na zawartość znacznika iframe.

Do zawartości iframe można zastosować nasz JavaScript, ale wymaga to działania szczególnymi metodami.

Znacznik iframe jest szeroko stosowany na stronach do osadzania filmów z YouTube i innych platform, a także do wyświetlania artykułów i obrazów z innych źródeł.

Atrybuty

Atrybut	Opis
`src`	Określa adres strony, która ma być osadzona.
`srcdoc`	Pozwala określić zawartość iframe'a bezpośrednio w atrybucie.
`frameborder`	Ustawia ramkę wokół iframe'a. Wartość `yes` ustawia ramkę (domyślnie), a wartość `no` usuwa ramkę.
`scrolling`	Ustawia paski przewijania wewnątrz iframe'a. Wartość `auto` - przewijanie w razie potrzeby (domyślnie), wartość `yes` - przewijanie zawsze, wartość `no` - brak przewijania.

Przykład

Osadźmy na naszej stronie iframe z inną stroną (na przykład weźmy code.mu):

<iframe src="https://code.mu/" width="600" height="400"></iframe>

Przykład

Osadźmy na naszej stronie film z YouTube:

<iframe
	src="https://www.youtube.com/embed/KzQrHpB1H8U"
	allowfullscreen
	width="400"
	height="400">
</iframe>

Przykład

Napiszmy zawartość bezpośrednio w iframe:

<iframe
	srcdoc="<h1>nagłówek</h1><p>tekst</p>"
	width="300"
	height="200">
</iframe>