HTML - Iframe

È possibile definire un frame in linea con tag HTML <iframe>. Il tag <iframe> non è in qualche modo correlato al tag <frameset>, invece, può apparire ovunque nel documento. Il tag <iframe> definisce un'area rettangolare all'interno del documento in cui il browser può visualizzare un documento separato, incluse barre di scorrimento e bordi. Un frame inline viene utilizzato per incorporare un altro documento nel documento HTML corrente.

Il src l'attributo è utilizzato per specificare l'URL del documento che occupa il frame inline.

Esempio

Di seguito è riportato l'esempio per mostrare come utilizzare <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>

Questo produrrà il seguente risultato:

Gli attributi del tag <Iframe>

La maggior parte degli attributi del tag <iframe>, inclusi name, class, frameborder, id, longdesc, marginheight, marginwidth, name, scrolling, style e title si comportano esattamente come gli attributi corrispondenti per il tag <frame>.

Note- Il frameborder , marginwidth , longdesc , scrolling , marginheight attributi deprecato in HTML5. Non utilizzare questi attributi.

Suor n Attributo e descrizione
1

src

Questo attributo viene utilizzato per fornire il nome del file che deve essere caricato nel frame. Il suo valore può essere qualsiasi URL. Ad esempio, src = "/html/top_frame.htm" caricherà un file HTML disponibile nella directory html.
2

name

Questo attributo ti permette di dare un nome a un frame. Viene utilizzato per indicare in quale frame deve essere caricato un documento. Ciò è particolarmente importante quando si desidera creare collegamenti in un frame che caricano pagine in un altro frame, nel qual caso il secondo frame necessita di un nome per identificarsi come destinazione del collegamento.
3

frameborder

Questo attributo specifica se vengono visualizzati o meno i bordi di quel frame; sovrascrive il valore fornito nell'attributo frameborder sul tag <frameset> se ne viene fornito uno, e questo può assumere valori 1 (sì) o 0 (no).
4

marginwidth

Questo attributo consente di specificare la larghezza dello spazio tra la sinistra e la destra dei bordi della cornice e il contenuto della cornice. Il valore è espresso in pixel. Ad esempio marginwidth = "10".
5

marginheight

Questo attributo consente di specificare l'altezza dello spazio tra la parte superiore e inferiore dei bordi della cornice e il suo contenuto. Il valore è espresso in pixel. Ad esempio marginheight = "10".
6

height

Questo attributo specifica l'altezza di <iframe>.
7

scrolling

Questo attributo controlla l'aspetto delle barre di scorrimento che appaiono sul frame. Questo assume valori "yes", "no" o "auto". Ad esempio scrolling = "no" significa che non dovrebbe avere barre di scorrimento.
8

longdesc

Questo attributo consente di fornire un collegamento a un'altra pagina contenente una lunga descrizione del contenuto del frame. Ad esempio longdesc = "framedescription.htm"
9

width

Questo attributo specifica la larghezza di <iframe>.