HTML Iframe este folosit pentru a afișa o pagină web imbricată (o pagină web într-o pagină web). HTML-ul
Un iframe HTML încorporează un alt document în documentul HTML curent în regiunea dreptunghiulară.
Conținutul paginii web și conținutul iframe pot interacționa între ele folosind JavaScript.
ce este hibernarea
Sintaxa Iframe
Un iframe HTML este definit cu
<iframe src="URL"></iframe>
Aici, atributul „src” specifică adresa web (URL) a paginii cadru inline.
Setați lățimea și înălțimea iframe-ului
Puteți seta lățimea și înălțimea iframe-ului utilizând atributele „lățime” și „înălțime”. În mod implicit, valorile atributelor sunt specificate în pixeli, dar le puteți seta și în procente. adică 50%, 60% etc.
Exemplu: (pixeli)
<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>Testează-l acum
Exemplu: (Procent)
<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>Testează-l acum
De asemenea, puteți utiliza CSS pentru a seta înălțimea și lățimea iframe-ului.
Exemplu:
<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>Testează-l acum
Eliminați chenarul iframe-ului
În mod implicit, un iframe conține o chenar în jurul lui. Puteți elimina chenarul utilizând atributul și proprietatea de chenar CSS.
python de căutare binară
Exemplu:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Testează-l acum
De asemenea, puteți modifica dimensiunea, culoarea, stilul chenarului iframe-ului.
Exemplu:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Testează-l acum
Iframe Target pentru un link
Puteți seta un cadru țintă pentru o legătură utilizând iframe. Atributul țintă specificat al linkului trebuie să se refere la atributul nume al iframe-ului.
Exemplu:
<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>Testează-l acum
Ieșire
cod de ieșire new.hmtl:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>
Încorporați videoclipul YouTube folosind iframe
De asemenea, puteți adăuga un videoclip YouTube pe pagina dvs. web folosind
Iată câțiva pași pentru a adăuga un videoclip YouTube pe pagina dvs. web:
- Accesați videoclipul YouTube pe care doriți să îl încorporați.
- Faceți clic pe SHARE ➦ sub videoclip.
- Faceți clic pe opțiunea Încorporare.
- Copiați codul HTML.
- Lipiți codul în fișierul HTML
- Modificați înălțimea, lățimea și alte proprietăți (conform cerințelor).
Exemplu:
<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>Testează-l acum
Ieșire:
java sort arraylist
Atribute ale
Numele atributului | Valoare | Descriere |
---|---|---|
ecran complet permis | Dacă este adevărat, acel cadru poate fi deschis pe ecran complet. | |
înălţime | Pixeli | Acesta definește înălțimea iframe-ului încorporat, iar înălțimea implicită este de 150 px. |
Nume | text | Acesta dă numele iframe-ului. Atributul nume este important dacă doriți să creați o legătură într-un cadru. |
chenarul cadru | 1 sau 0 | Acesta definește dacă iframe ar trebui să aibă o margine sau nu. (Nu este acceptat în HTML5). |
Lăţime | Pixeli | Acesta definește lățimea cadrului încorporat, iar lățimea implicită este de 300 px. |
src | URL | Atributul src este folosit pentru a da numele căii sau numele fișierului conținutul care urmează să fie încărcat în iframe. |
cutie cu nisip | ||
Acest atribut este folosit pentru a aplica restricții suplimentare pentru conținutul cadrului | ||
permise-forme | Permite trimiterea formularului dacă acest cuvânt cheie nu este utilizat, atunci trimiterea formularului este blocată. | |
permite-pop-up-uri | Acesta va activa ferestrele pop-up, iar dacă nu este aplicat, nu se va deschide niciun pop-up. | |
permit-scripturi | Acesta va permite rularea scriptului. | |
permite-aceeași-origine | Dacă se folosește acest cuvânt cheie, atunci resursa încorporată va fi tratată ca fiind descărcată din aceeași sursă. | |
srcdoc | Atributul srcdoc este utilizat pentru a afișa conținutul HTML în cadrul iframe inline. Acesta suprascrie atributul src (dacă un browser acceptă). | |
defilare | ||
Indică faptul că browserul ar trebui să ofere o bară de defilare pentru iframe sau nu. (Nu este acceptat în HTML5) | ||
auto | Scrollbar arată numai dacă conținutul iframe este mai mare decât dimensiunile acestuia. | |
da | Afișează întotdeauna bara de defilare pentru iframe. | |
Nu | Nu afișează niciodată bara de defilare pentru iframe. |