Najnowsze tutoriale tworzenie stron internetowych

HTML iFrame


Iframe jest używany do wyświetlania stron WWW w obrębie strony internetowej.


Opis ramki

Ramki umożliwiają wizualne okno Przeglądarka HTML mają być podzielone na segmenty, z których każdy może pokazać inny dokument. Może to mniejsze zużycie pasma, ponieważ powtarzające się części układu mogą być użyte w jednej ramie, natomiast zmienna treść jest wyświetlana w innym.

To może się w pewnym kosztem użyteczności, szczególnie w niewizualnych agentów użytkownika, ze względu na odrębne i niezależne dokumenty (lub stron internetowych) są wyświetlane obok siebie i są dopuszczone do interakcji z tego samego okna nadrzędnego.

Z tego powodu kosztów, ramki (z wyjątkiem elementu iframe) są dozwolone tylko w HTML 4.01 ramki zestawu.

IFrame może również posiadać dokumenty na różnych serwerach. W tym przypadku interakcja między oknami jest zablokowany przez przeglądarkę.


Składnia iframe

Składnia dodanie iframe jest:

<iframe src=" URL "></iframe>

src atrybut określa URL (web address) strony iframe.


Iframe - Ustaw wysokość i szerokość

Użyj wysokość i szerokość atrybuty, aby określić rozmiar.

Wartości atrybutów są określone w pikselach domyślnie, ale mogą być również w procentach (like "80%") .

Przykład

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Spróbuj sam "

Iframe - Usunąć granicy

Domyślnie iframe ma czarne obramowanie wokół niego.

Aby usunąć ramkę, dodać style atrybutu i użyć właściwości CSS border:

Przykład

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Spróbuj sam "

Z CSS, można również zmieniać rozmiar, styl i kolor obramowania iframe:

Przykład

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Spróbuj sam "

Użyj iframe jako cel dla linkiem

Iframe może być stosowany jako cel dla ramki łącza.

target atrybutem link musi odnosić się do name atrybutu iframe:

Przykład

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Spróbuj sam "

Tag HTML iframe

Etykietka Opis
<iframe> Określa wewnętrzna ramka

Sprawdź się z ćwiczeniami!

Ćwiczenie 1 » ćwiczenie 2» ćwiczenie 3 » ćwiczenie 4»