HTML iframe -kehykset tarjoavat tehokkaan tavan upottaa ulkoista sisältöä, kuten videoita, karttoja tai muita verkkosivuja, suoraan omalle verkkosivullesi. Tässä artikkelissa käsitellään perusteellisesti HTML-iframe-kehyksiä, niiden syntaksia ja sitä, miten niitä voidaan käyttää verkkokehitysprojekteihisi tehostamiseen.

Mitä ovat HTML iframe -kehykset?

Iframe on HTML-dokumentti, joka on upotettu toiseen HTML-dokumenttiin. The >

• The src attribute specifies the URL of the document you want to embed.>
• Iframes can include videos , maps , or entire web pages from other sources.>

Attributes Value:>

It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an . salli täysi näyttö Osoittaa onko |_+_| voidaan näyttää koko näytön tilassa. lupamaksupyyntö Ottaa käyttöön maksupyynnöt sisäisestä sisällöstä |_+_| . korkeus Asettaa korkeuden |_+_| elementti. leveys Asettaa levyn leveyden |_+_| elementti. Ladataan Määrittää, kuinka sisältö |_+_| pitäisi ladata. vierittää Hallitsee, onko |_+_| pitäisi olla vierityspalkkeja. nimi Määrittää nimen |_+_| sen sisällön kohdistamiseen tai siihen viittaamiseen JavaScriptissä. viittauspolitiikka Asettaa viittauskäytännön kohteelle |_+_| sisältö. hiekkalaatikko Määrittää ylimääräiset rajoitukset sisällölle |_+_| . src Määrittää asiakirjaan upotettavan URL-osoitteen |_+_| . srcdoc Määrittää sivulla näytettävän sivun HTML-sisällön |_+_| .

Esimerkkejä HTML-iframeista

Esimerkki 1: Tämä esimerkki havainnollistaa an iframe-tunniste jota käytetään verkkosivun näyttämiseen nykyisen verkkosivun sisällä.

HTML |_+_|

Lähtö:

HTML Iframes -esimerkkitulostus

2. Korkeus ja leveys -määritteen käyttäminen:

Korkeus- ja leveysattribuutteja käytetään määrittämään iframe-kehyksen koko. Attribuuttien arvot määritetään oletusarvoisesti pikseleinä. Voit käyttää pikseleitä tai prosentteja (esim. 80 %).

Esimerkki: Tämä esimerkki kuvaa HTML iframe -tagi asettamalla leveys korkeus iframesta.

HTML |_+_|

Lähtö:

HTML Iframes -esimerkkitulostus

3. Reunusten poistaminen iframesta

Oletuksena iframen ympärillä on reunus. Reunuksen poistamiseksi meidän on käytettävä style-attribuuttia ja käytettävä CSS-rajaominaisuus .

Esimerkki: Tämä esimerkki kuvaa HTML-iframe-tunnistetta, jossa border-ominaisuus on asetettu ei mitään .

HTML |_+_|

Lähtö:

HTML Iframes -esimerkkitulostus

4. Iframe-kehystyyli

Iframe-kehyksen koon, tyylin ja värin muuttaminen.

Esimerkki: Tämä esimerkki kuvaa HTML-iframe-tunnistetta määrittämällä reunatyylin.

HTML |_+_|

Lähtö:

HTML Iframes -kehystyyli Esimerkkituloste

5. Iframe-kohde linkissä

Iframe-kehystä voidaan käyttää linkin kohdekehyksenä. Linkin target-attribuutin on viitattava iframe-kehyksen name-attribuuttiin.

Esimerkki 5: Tämä esimerkki kuvaa HTML-iframe-tunnistetta käyttämällä linkin kohdekehystä.

HTML |_+_| -tunnisteen ja sen attribuuttien avulla voit hyödyntää iframe-kehyksiä parantaaksesi verkkoprojektiesi toimivuutta ja käyttökokemusta.

>