HTML Iframe brukes til å vise en nestet nettside (en nettside på en nettside). HTML-en
En HTML-iframe bygger inn et annet dokument i det gjeldende HTML-dokumentet i det rektangulære området.
Nettsideinnholdet og iframe-innholdet kan samhandle med hverandre ved hjelp av JavaScript.
java listestreng
Iframe-syntaks
En HTML iframe er definert med
<iframe src="URL"></iframe>
Her spesifiserer 'src'-attributtet nettadressen (URL) til den innebygde rammesiden.
Angi bredde og høyde på iframe
Du kan angi bredden og høyden på iframe ved å bruke attributtene 'width' og 'height'. Som standard er attributtverdiene spesifisert i piksler, men du kan også angi dem i prosent. dvs. 50 %, 60 % osv.
Eksempel: (piksler)
<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 nå
Eksempel: (Prosentandel)
<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 nå
Du kan også bruke CSS til å angi høyden og bredden på 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 nå
Fjern kanten på iframe
Som standard inneholder en iframe en kant rundt seg. Du kan fjerne grensen ved å bruke attributt og CSS-kantegenskap.
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 nå
Du kan også endre størrelsen, fargen, stilen på iframens kantlinje.
Eksempel:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Test det nå
Iframe-mål for en lenke
Du kan angi en målramme for en kobling ved å bruke iframe. Det spesifiserte målattributtet for koblingen må referere til navneattributtet til iframen.
bruk av internett
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 nå
Produksjon
new.hmtl utgangskode:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> Bygg inn YouTube-video ved hjelp av iframe
Du kan også legge til en YouTube-video på nettsiden din ved å bruke
Følgende er noen trinn for å legge til YouTube-video på nettsiden din:
- Gå til YouTube-videoen du vil bygge inn.
- Klikk på DEL ➦ under videoen.
- Klikk på Embed-alternativet.
- Kopier HTML-kode.
- Lim inn koden i HTML-filen
- Endre høyde, bredde og andre egenskaper (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 nå
Produksjon:
tostring metode java
Attributter til
| Attributtnavn | Verdi | Beskrivelse |
|---|---|---|
| tillat fullskjerm | Hvis det er sant, kan den rammen åpnes i fullskjerm. | |
| høyde | Piksler | Den definerer høyden på den innebygde iframen, og standardhøyden er 150 px. |
| Navn | tekst | Det gir navnet til iframen. Navneattributtet er viktig hvis du ønsker å lage en lenke i én ramme. |
| ramme grense | 1 eller 0 | Den definerer om iframe skal ha en kantlinje eller ikke. (Støttes ikke i HTML5). |
| Bredde | Piksler | Den definerer bredden på den innebygde rammen, og standardbredden er 300 px. |
| src | URL | src-attributtet brukes til å gi stien eller filnavnet hvilket innhold som skal lastes inn i iframe. |
| Sandkasse | ||
| Dette attributtet brukes til å bruke ekstra begrensninger for innholdet i rammen | ||
| tillate-skjemaer | Det tillater innsending av skjemaet hvis dette nøkkelordet ikke brukes, blokkeres skjemainnsending. | |
| tillat popup-vinduer | Det vil aktivere popup-vinduer, og hvis det ikke brukes, åpnes ingen popup-vinduer. | |
| tillat-skript | Det vil gjøre det mulig for skriptet å kjøre. | |
| tillate-samme opprinnelse | Hvis dette nøkkelordet brukes, vil den innebygde ressursen bli behandlet som nedlastet fra samme kilde. | |
| srcdoc | srcdoc-attributtet brukes til å vise HTML-innholdet i den innebygde iframen. Den overstyrer src-attributtet (hvis en nettleser støtter). | |
| rulling | ||
| Det indikerer at nettleseren skal gi en rullefelt for iframe eller ikke. (Støttes ikke i HTML5) | ||
| auto | Rullefelt viser bare hvis innholdet i iframe er større enn dimensjonene. | |
| ja | Viser alltid rullefelt for iframe. | |
| Nei | Viser aldri rullefelt for iframe. |