HTML Iframe bruges til at vise en indlejret webside (en webside på en webside). HTML
En HTML-iframe indlejrer et andet dokument i det aktuelle HTML-dokument i det rektangulære område.
Websideindholdet og iframe-indholdet kan interagere med hinanden ved hjælp af JavaScript.
java liste streng
Iframe syntaks
En HTML iframe er defineret med
<iframe src="URL"></iframe>
Her angiver 'src'-attributten webadressen (URL) på den inline-rammeside.
Indstil bredde og højde på iframe
Du kan indstille bredden og højden af iframe ved at bruge attributterne 'width' og 'height'. Som standard er attributværdierne angivet i pixels, men du kan også indstille dem i procent. dvs. 50%, 60% osv.
Eksempel: (Pixels)
<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>Test det nu
Eksempel: (Procentdel)
<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>Test det nu
Du kan også bruge CSS til at indstille højden og bredden af iframen.
Eksempel:
<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>Test det nu
Fjern kanten af iframe
Som standard indeholder en iframe en kant omkring sig. Du kan fjerne grænsen ved at bruge attribut og CSS border-egenskab.
Eksempel:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Test det nu
Du kan også ændre størrelsen, farven og stilen på iframens kant.
Eksempel:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Test det nu
Iframe-mål for et link
Du kan indstille en målramme for et link ved at bruge iframe. Din angivne target-attribut for linket skal referere til name-attributten for iframen.
brug af internet
Eksempel:
<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>Test det nu
Produktion
new.hmtl output kode:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> Integrer YouTube-video ved hjælp af iframe
Du kan også tilføje en YouTube-video på din webside ved hjælp af
Følgende er nogle trin til at tilføje YouTube-video til din webside:
- Gå til YouTube-video, som du vil integrere.
- Klik på DEL ➦ under videoen.
- Klik på Embed mulighed.
- Kopier HTML-kode.
- Indsæt koden i din HTML-fil
- Skift højde, bredde og andre egenskaber (i henhold til krav).
Eksempel:
<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>Test det nu
Produktion:
tostring metode java
Attributter af
| Attributnavn | Værdi | Beskrivelse |
|---|---|---|
| tillad fuldskærm | Hvis det er sandt, kan denne ramme åbnes i fuld skærm. | |
| højde | Pixels | Den definerer højden på den indlejrede iframe, og standardhøjden er 150 px. |
| navn | tekst | Det giver navnet til iframen. Navneattributten er vigtig, hvis du vil oprette et link i én ramme. |
| rammekant | 1 eller 0 | Den definerer, om iframe skal have en kant eller ej. (Ikke understøttet i HTML5). |
| Bredde | Pixels | Den definerer bredden af den indlejrede ramme, og standardbredden er 300 px. |
| src | URL | src-attributten bruges til at give stien eller filnavnet, hvilket indhold der skal indlæses i iframe. |
| sandkasse | ||
| Denne attribut bruges til at anvende ekstra begrænsninger for indholdet af rammen | ||
| tillade-former | Det tillader indsendelse af formularen, hvis dette søgeord ikke bruges, blokeres formularindsendelse. | |
| tillad-popups | Det vil aktivere popups, og hvis det ikke anvendes, åbnes der ingen popup. | |
| tillade-scripts | Det vil gøre det muligt for scriptet at køre. | |
| tillade-samme oprindelse | Hvis dette nøgleord bruges, vil den indlejrede ressource blive behandlet som downloadet fra den samme kilde. | |
| srcdoc | srcdoc-attributten bruges til at vise HTML-indholdet i den inline-iframe. Det tilsidesætter src-attributten (hvis en browser understøtter). | |
| rulle | ||
| Det angiver, at browseren skal give en rullepanel til iframen eller ej. (Ikke understøttet i HTML5) | ||
| auto | Scrollbar viser kun, hvis indholdet af iframe er større end dets dimensioner. | |
| Ja | Viser altid rullepanel for iframen. | |
| Ingen | Viser aldrig rullepanel for iframen. |