logo

HTML iframe

HTML Iframe tiek izmantots, lai parādītu ligzdotu tīmekļa lapu (tīmekļa lapu tīmekļa lapā). HTML

HTML iframe iegulst citu dokumentu pašreizējā HTML dokumentā taisnstūra apgabalā.

Tīmekļa lapas saturs un iframe saturs var mijiedarboties viens ar otru, izmantojot JavaScript.

leksikogrāfiskā kārtība

Iframe sintakse

HTML iframe ir definēts ar

 <iframe src="URL"></iframe> 

Šeit atribūts 'src' norāda iekļautās rāmja lapas tīmekļa adresi (URL).

Iestatiet iframe platumu un augstumu

Varat iestatīt iframe platumu un augstumu, izmantojot atribūtus “width” un “height”. Pēc noklusējuma atribūtu vērtības ir norādītas pikseļos, taču varat tās iestatīt arī procentos. t.i., 50%, 60% utt.

dharmendra vecums

Piemērs: (pikseļi)

 <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> 
Izmēģiniet to tūlīt

Piemērs: (procenti)

 <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> 
Izmēģiniet to tūlīt

Varat arī izmantot CSS, lai iestatītu iframe augstumu un platumu.

Piemērs:

 <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> 
Izmēģiniet to tūlīt

Noņemiet iframe apmali

Pēc noklusējuma iframe ap to ir apmale. Varat noņemt apmali, izmantojot atribūtu un CSS apmales rekvizītu.

Piemērs:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Izmēģiniet to tūlīt

Varat arī mainīt iframe apmales izmēru, krāsu un stilu.

Piemērs:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Izmēģiniet to tūlīt

Iframe Mērķis saitei

Varat iestatīt saites mērķa rāmi, izmantojot iframe. Jūsu norādītajam saites mērķa atribūtam ir jāattiecas uz iframe atribūtu name.

Piemērs:

 <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> 
Izmēģiniet to tūlīt

Izvade

HTML iframe

new.hmtl izvades kods:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Iegult YouTube video, izmantojot iframe

Varat arī pievienot YouTube videoklipu savai tīmekļa lapai, izmantojot

Tālāk ir norādītas dažas darbības, lai savai tīmekļa lapai pievienotu YouTube videoklipu.

  • Atveriet YouTube videoklipu, kuru vēlaties iegult.
  • Noklikšķiniet uz SHARE ➦ zem videoklipa.
  • Noklikšķiniet uz opcijas Iegult.
  • Kopējiet HTML kodu.
  • Ielīmējiet kodu savā HTML failā
  • Mainiet augstumu, platumu un citus rekvizītus (atbilstoši prasībām).

Piemērs:

 <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> 
Izmēģiniet to tūlīt

Izvade:

tostring metode java
HTML iframe

Atribūti

Atribūta nosaukums Vērtība Apraksts
atļaut pilnu ekrānu Ja taisnība, šo rāmi var atvērt pilnekrāna režīmā.
augstums Pikseļi Tas nosaka iegultā iframe augstumu, un noklusējuma augstums ir 150 pikseļi.
nosaukums tekstu Tas piešķir iframe nosaukumu. Name atribūts ir svarīgs, ja vēlaties izveidot saiti vienā kadrā.
rāmja apmale 1 vai 0 Tas nosaka, vai iframe ir jābūt apmalei vai nē. (HTML5 netiek atbalstīts).
Platums Pikseļi Tas nosaka iegultā rāmja platumu, un noklusējuma platums ir 300 pikseļi.
src URL Atribūts src tiek izmantots, lai norādītu ceļa nosaukumu vai faila nosaukumu, kurš saturs jāielādē iframe.
smilšu kaste
Šis atribūts tiek izmantots, lai piemērotu papildu ierobežojumus rāmja saturam
atļaujas-veidlapas Tas ļauj iesniegt veidlapu, ja šis atslēgvārds netiek izmantots, tad veidlapas iesniegšana tiek bloķēta.
atļaut uznirstošos logus Tas iespējos uznirstošos logus, un, ja tie netiks lietoti, netiks atvērts neviens uznirstošais logs.
atļauj-skripti Tas ļaus skriptam palaist.
atļaut-vienādas izcelsmes Ja tiek izmantots šis atslēgvārds, iegultais resurss tiks uzskatīts par lejupielādētu no tā paša avota.
srcdoc Atribūts srcdoc tiek izmantots, lai parādītu HTML saturu iekļautajā iframe. Tas ignorē src atribūtu (ja to atbalsta pārlūkprogramma).
ritināšanu
Tas norāda, ka pārlūkprogrammai ir jānodrošina ritjosla iframe vai nē. (HTML5 netiek atbalstīts)
auto Ritjosla tiek rādīta tikai tad, ja iframe saturs ir lielāks par tā izmēriem.
Vienmēr parāda iframe ritjoslu.
Nekad netiek rādīta iframe ritjosla.