HTML - iframe

Możesz zdefiniować ramkę wbudowaną ze znacznikiem HTML <iframe>. Znacznik <iframe> nie jest w jakiś sposób powiązany ze znacznikiem <frameset>, zamiast tego może pojawić się w dowolnym miejscu w dokumencie. Znacznik <iframe> definiuje prostokątny obszar w dokumencie, w którym przeglądarka może wyświetlać oddzielny dokument, w tym paski przewijania i obramowania. Ramka wbudowana służy do osadzania innego dokumentu w bieżącym dokumencie HTML.

Plik src atrybut służy do określenia adresu URL dokumentu zajmującego ramkę wbudowaną.

Przykład

Poniżej znajduje się przykład pokazujący, jak używać elementu <iframe> -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Iframes</title>
   </head>
	
   <body>
      <p>Document content goes here...</p>
      
      <iframe src = "/html/menu.htm" width = "555" height = "200">
         Sorry your browser does not support inline frames.
      </iframe>
      
      <p>Document content also go here...</p>
   </body>
	
</html>

To da następujący wynik -

Atrybuty tagu <Iframe>

Większość atrybutów tagu <iframe>, w tym name, class, frameborder, id, longdesc, marginheight, marginwidth, name, scrolling, style i title zachowuje się dokładnie tak samo, jak odpowiadające im atrybuty tagu <frame>.

Note- The frameborder , marginwidth , longdesc , przewijanie , marginheight atrybutów przestarzałe HTML5. Nie używaj tych atrybutów.

Sr.No	Atrybut i opis
1	src Ten atrybut służy do podania nazwy pliku, który ma zostać załadowany do ramki. Jego wartością może być dowolny adres URL. Na przykład src = "/html/top_frame.htm" załaduje plik HTML dostępny w katalogu html.
2	name Ten atrybut umożliwia nadanie nazwy ramce. Służy do wskazania, do której ramki należy załadować dokument. Jest to szczególnie ważne, gdy chcesz utworzyć łącza w jednej ramce, które ładują strony do innej ramki. W takim przypadku druga ramka wymaga nazwy, aby zidentyfikować się jako cel łącza.
3	frameborder Ten atrybut określa, czy krawędzie tej ramki są wyświetlane; przesłania wartość podaną w atrybucie frameborder w znaczniku <frameset>, jeśli taki jest podany, i może to przyjąć wartość 1 (tak) lub 0 (nie).
4	marginwidth Ten atrybut umożliwia określenie szerokości przestrzeni między lewą i prawą krawędzią ramki a zawartością ramki. Wartość podawana jest w pikselach. Na przykład marginwidth = "10".
5	marginheight Ten atrybut umożliwia określenie wysokości odstępu między górną i dolną krawędzią ramki oraz jej zawartością. Wartość podawana jest w pikselach. Na przykład marginheight = "10".
6	height Ten atrybut określa wysokość elementu <iframe>.
7	scrolling Ten atrybut steruje wyglądem pasków przewijania, które pojawiają się w ramce. Przyjmuje wartości „tak”, „nie” lub „auto”. Na przykład scrolling = "no" oznacza, że nie powinno mieć pasków przewijania.
8	longdesc Ten atrybut umożliwia udostępnienie łącza do innej strony zawierającej długi opis zawartości ramki. Na przykład longdesc = "framedescription.htm"
9	width Ten atrybut określa szerokość elementu <iframe>.