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'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
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
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. | |
Jā | Vienmēr parāda iframe ritjoslu. | |
Nē | Nekad netiek rādīta iframe ritjosla. |