logo

TechCodeview

HTML iframes

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.LadataanMää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ä.

nollapistepoikkeus
HTML |_+_|

Lähtö:


HTML-Iframe-2

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-Iframe-2

HTML Iframes -esimerkkitulostus

kulmikas materiaali


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-Iframe-3

HTML Iframes -esimerkkitulostus

str.substring javassa


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-Iframe-4

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.



>