HTML Iframe s'utilitza per mostrar una pàgina web imbricada (una pàgina web dins d'una pàgina web). L'HTML
Un iframe HTML incrusta un altre document dins del document HTML actual a la regió rectangular.
El contingut de la pàgina web i el contingut de l'iframe poden interactuar entre ells mitjançant JavaScript.
any mes
Sintaxi iframe
Un iframe HTML es defineix amb el
<iframe src="URL"></iframe>
Aquí, l'atribut 'src' especifica l'adreça web (URL) de la pàgina de marc en línia.
Estableix l'amplada i l'alçada de l'iframe
Podeu establir l'amplada i l'alçada de l'iframe utilitzant els atributs 'amplada' i 'alçada'. Per defecte, els valors dels atributs s'especifiquen en píxels, però també podeu definir-los en percentatge. és a dir, 50%, 60%, etc.
lògica proposicional
Exemple: (píxels)
<h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Prova-ho ara
Exemple: (percentatge)
<h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Prova-ho ara
També podeu utilitzar CSS per definir l'alçada i l'amplada de l'iframe.
Exemple:
<h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Prova-ho ara
Elimina la vora de l'iframe
Per defecte, un iframe conté una vora al seu voltant. Podeu eliminar la vora utilitzant l'atribut i la propietat de la vora CSS.
Exemple:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Prova-ho ara
També podeu canviar la mida, el color i l'estil de la vora de l'iframe.
Exemple:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Prova-ho ara
Iframe Target per a un enllaç
Podeu establir un marc de destinació per a un enllaç mitjançant iframe. L'atribut de destinació especificat de l'enllaç ha de fer referència a l'atribut de nom de l'iframe.
Exemple:
<h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>Prova-ho ara
Sortida
codi de sortida new.hmtl:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>
Insereix el vídeo de YouTube amb iframe
També podeu afegir un vídeo de YouTube a la vostra pàgina web mitjançant el
A continuació es mostren alguns passos per afegir un vídeo de YouTube a la vostra pàgina web:
- Vés al vídeo de YouTube que vols inserir.
- Feu clic a COMPARTIR ➦ sota el vídeo.
- Feu clic a l'opció Incrustar.
- Copia el codi HTML.
- Enganxeu el codi al vostre fitxer HTML
- Canvieu l'alçada, l'amplada i altres propietats (segons el requisit).
Exemple:
<iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>Prova-ho ara
Sortida:
str.substring en java
Atributs de
Nom de l'atribut | Valor | Descripció |
---|---|---|
pantalla completa permès | Si és cert, aquest marc es pot obrir a pantalla completa. | |
alçada | Píxels | Defineix l'alçada de l'iframe incrustat i l'alçada predeterminada és de 150 px. |
nom | text | Dóna el nom a l'iframe. L'atribut de nom és important si voleu crear un enllaç en un marc. |
vora del marc | 1 o 0 | Defineix si l'iframe ha de tenir una vora o no. (No és compatible amb HTML5). |
Amplada | Píxels | Defineix l'amplada del marc incrustat i l'amplada per defecte és de 300 px. |
src | URL | L'atribut src s'utilitza per donar al nom del camí o del fitxer quin contingut s'ha de carregar a l'iframe. |
caixa de sorra | ||
Aquest atribut s'utilitza per aplicar restriccions addicionals al contingut del marc | ||
formularis permès | Permet l'enviament del formulari si aquesta paraula clau no s'utilitza, llavors l'enviament del formulari es bloqueja. | |
permetre les finestres emergents | Habilitarà finestres emergents i, si no s'aplica, no s'obrirà cap finestra emergent. | |
permetre-scripts | Habilitarà l'execució de l'script. | |
permetre-mateix-origen | Si s'utilitza aquesta paraula clau, el recurs incrustat es tractarà com a baixat de la mateixa font. | |
srcdoc | L'atribut srcdoc s'utilitza per mostrar el contingut HTML a l'iframe en línia. Substitueix l'atribut src (si un navegador és compatible). | |
desplaçament | ||
Indica que el navegador hauria de proporcionar una barra de desplaçament per a l'iframe o no. (No és compatible amb HTML5) | ||
automàtic | La barra de desplaçament només mostra si el contingut de l'iframe és més gran que les seves dimensions. | |
sí | Mostra sempre la barra de desplaçament per a l'iframe. | |
no | Mai mostra la barra de desplaçament per a l'iframe. |