logo

HTML iframes

HTML iframes erbjuder ett kraftfullt sätt att bädda in externt innehåll, som videor, kartor eller andra webbsidor, direkt på din egen webbsida. Den här artikeln ger en djupgående utforskning av HTML-iframes, deras syntax och hur de kan användas för att förbättra dina webbutvecklingsprojekt.

Vad är HTML iframes?

En iframe är ett HTML-dokument inbäddat i ett annat HTML-dokument. De>

  • 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 .tillåt helskärmAnger om|_+_|kan visas i helskärmsläge.tillåta betalningsbegäranAktiverar betalningsförfrågningar för innehåll i|_+_|. höjd Ställer in höjden på|_+_|element. bredd Ställer in bredden på|_+_|element.läser inAnger hur innehållet i|_+_|bör laddas. rullning Styr om eller inte|_+_|ska ha rullningslister. namn Anger namnet på|_+_|för att rikta in sig på dess innehåll eller för att referera till det i JavaScript. hänvisningspolicy Ställer in hänvisningspolicyn för|_+_|innehåll. sandlåda Anger en extra uppsättning begränsningar för innehållet i|_+_|. src Anger URL:en till dokumentet som ska bäddas in i|_+_|. srcdoc Anger HTML-innehållet på sidan som ska visas i|_+_|.

HTML iframes exempel

Exempel 1: Detta exempel illustrerar användningen av en iframe-tagg som används för att visa en webbsida på den aktuella webbsidan.

jquery förälder
HTML |_+_|

Produktion:


HTML-Iframe-2

HTML Iframes Exempel utdata


2. Använda attributen Height and Width:

Höjd- och breddattributen används för att ange storleken på iframen. Attributvärdena anges i pixlar som standard. Du kan använda pixlar eller procentsatser (t.ex. 80%).

Exempel: Detta exempel beskriver HTML iframe-tagg genom att ställa in bredd höjd av iframen.

HTML |_+_|

Produktion:


HTML-Iframe-2

HTML iframes exempel utdata


3. Ta bort kanter från Iframe

Som standard har iframe en ram runt sig. För att ta bort gränsen måste vi använda stilattributet och använda CSS-gränsegenskap .

namn på specialtecken

Exempel: Det här exemplet beskriver HTML iframe-taggen där border-egenskapen är inställd som ingen .

HTML |_+_|

Produktion:


HTML-Iframe-3

HTML iframes exempel utdata

tostring metod java


4. Iframe kantstil

Ändra storlek, stil och färg på Iframes ram.

Exempel: Det här exemplet beskriver HTML iframe-taggen genom att ange kantstilen.

HTML |_+_|

Produktion:


HTML-Iframe-4

HTML Iframes kantstil Exempel Utdata


5. Iframe-mål i länk

En iframe kan användas som målram för en länk. Länkens målattribut måste referera till namnattributet för iframen.

Exempel 5: Det här exemplet beskriver HTML iframe-taggen genom att använda målramen för en länk.

HTML |_+_|taggen och dess attribut kan du utnyttja iframes för att förbättra funktionaliteten och användarupplevelsen för dina webbprojekt.



>