logo

iframe HTML

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&apos;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

iframe HTML

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
iframe HTML

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.