Iframe'i täislehe kasutamise peamine probleem seisneb selles, et iframe'i sisu ei laadita enne, kui kasutaja klõpsab iframe'is olevale lingile. See võib aeglustada lehe laadimisaega ja võib kasutajaid segadusse ajada.
<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>
Ülaltoodud koodirida loob iframe'i või tekstisisese raami. Iframe'i kasutatakse teise dokumendi manustamiseks praegusesse HTML-dokumenti.
Atribuut src määrab manustatava dokumendi URL-i.
Atribuudid laius ja kõrgus määravad iframe'i suuruse. Vaikimisi määratakse suurus pikslites, kuid seda saab määrata ka protsendina sisaldava elemendi suurusest.
Sel juhul võtab iframe enda alla 100% seda sisaldava elemendi laiusest ja kõrgusest.
Mis on iframe
?
Iframe on teatud tüüpi tekstisisene raam, mis võimaldab veebilehtedel manustada endasse teisi veebilehti. Ifraame kasutatakse teiste veebisaitide sisu kuvamiseks, ilma et peaksite lahkuma lehelt, kuhu need on manustatud.
iframe'i omadused
HTML-i iframe'i atribuute saab kasutada iframe'i kuvamise juhtimiseks.
näpunäiteid iframe'idega töötamiseks
HTML-is iframe'idega töötades tuleb meeles pidada mõnda asja. Esiteks kasutage iframe'i URL-i määramiseks alati atribuuti src. Teiseks veenduge, et teie iframe oleks korralikult mähitud a
iframe'i miinused
Iframe'i kasutamisel HTML-is on mõned puudused. Esiteks võivad need olla turvariskiks, sest kui ründaja pääseb ligi iframe'i sisule, võib ta pahatahtliku koodi käivitamiseks potentsiaalselt ära kasutada brauseri või lehe enda turvaauke. Lisaks võivad iframe'id aeglustada lehe laadimisaega ja häirida lehel navigeerimist.
- Lahendatud: _blank html-is
- Lahendatud: html lisa pilt kaugallikast
- Lahendatud: lisage html-is ruumi
- Lahendatud: faviconi lisamine html-i
- Lahendatud: html joonda tekst paremale
- Lahendatud: autoriõiguse aasta html automaatvärskendus
- Lahendatud: html automaatesitus ei tööta iphone
- Lahendatud: automaatne suunamine html
- Lahendatud: html-taustapilt sobis ekraanile
- Lahendatud: base64 pildi html näide
- Lahendatud: html keha täiskõrgus
- Lahendatud: nupp html href
- Lahendatud: html kesknupp
- Lahendatud: keskel p html
- Lahendatud: html keskuse youtube video
- Lahendatud: html muutke mängija kiirust
- Lahendatud: html muuda vaateava nutitelefoni suuruseks
- Lahendatud: html-i märgi sakk
- Lahendatud: autoriõiguse jaluse html kood
- Lahendatud: loo mailto lingi html
- Lahendatud: html dash kood
- Lahendatud: andmeloendi html
- Lahendatud: html kirjeldusmärgend
- Lahendatud: erinevus nime ja id html vahel
- Lahendatud: html keela tekstikasti redigeerimine
- Lahendatud: html keela sisestus esita
- Lahendatud: keelake html-vormi sisestuse automaatse täitmise automaatne täitmine
- Lahendatud: keela õigekirjakontroll html
- Lahendatud: html punkti sümbol
- Lahendatud: rippmenüü html-is
- Lahendatud: html meililingid
- Lahendatud: html tühi märk
- Lahendatud: html olemi ampersand ja
- Lahendatud: html olemi tsitaat
- Lahendatud: fa fa email
- Lahendatud: html facebooki metasildid
- Lahendatud: fafa login icons html kood
- Lahendatud: favicon html-lehe jaoks
- Lahendatud: favicon meta
- Lahendatud: html favicon tag
Teame HTML-ist ja HTML5-st kõike. Lahendame kõik selle WWW aluseks oleva märgistuskeele kahtlused ja probleemid