Inline raamid lubavad teil kaasata sisu välistest allikatest teie lehtedel
Inline-raamid, mida tavaliselt nimetatakse kui "iframes", on ainus HTML5-s lubatud raami tüüp. Need raamid on sisuliselt teie lehe osa, mille olete "välja lõiganud". Lehel välja lõigatud ruumis saate seejärel välise veebisaidi toita. Sisuliselt on iframe veel üks brauseriakk, mis asub teie veebisaidi sees. Näete iidreeme, mida tavaliselt kasutatakse veebisaitidel, mis peavad sisaldama välist sisu, näiteks Google'i kaarti või YouTube'ist pärit videot.
Mõlemad populaarsed veebisaidid kasutavad sisselogitud koodis faile.
Kuidas kasutada IFRAME-elementi
Element kasutab HTML5 globaalseid elemente ja mitmeid teisi elemente. Neli on ka atribuudid HTML 4.01-s:
- -raami allika URL-i
- - akna kõrgus
- - akna laius
- - akna nimi
Kolm on HTML5-s uus:
- srcdoc - raami allika HTML. See atribuut on ülimuslik iga atribuudi src URL-i suhtes
- liivakast - loetelu funktsioone, mis tuleks raamis aknas lubada või keelata
- õmblusteta - määrab kasutajaagendi, et iframe peaks olema kujundatud nagu see on nähtamatult osa lähtedokumendist
Lihtsa iFrame'i loomiseks määrake lähteteksti URL ja laius ja kõrgus:
Pange tähele, et võite mitte kasutada oma iframe'i sätete pikslite väärtusi, kuid võib selle asemel otsustada kasutada protsenti.
Kui loote reageerivat veebisaiti, mille suurus peaks muutuma erinevate ekraanisuuruste järgi, on need protsendid olulised.
On ka mõningaid atribuute, mis kehtivad HTML 4.01-s, kuid on HTML5-s vananenud. Kuna enamik veebisaite kasutavad täna HTML5 +, on need atribuudid need, mida te ei soovi kasutada (kuid mida mõnes pärand dokumentatsioonis võite näha).
- - selle asemel kasutage kirjelduse linkimiseks A-elementi
- -standardena kasutage CSS-i ujuki omadust
- lubage läbipaistvus - asemel kasutage CSS-i taustaomadust, et muuta iframe läbipaistev
- -Töö aga kasutage piiri CSS-i vara
- marginheight-selle asemel kasuta CSS marginaali vara
- marginwidth-selle asemel kasutage CSS marginaali vara
- -Seega kasuta CSS-i ülevooluomadust
IFRAME-i brauseritugi
IFRAME-elementi toetavad kõik kaasaegsed brauserid:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Kui ülaltoodud loendis ei kuvata ühtegi versiooni numbrit, on selle põhjuseks kõik selle brauseri versioonid seda toetavad.
Üks asi, mida meeles pidada, on see, et kuigi kõik brauserid toetavad IFRAME-elementi, on mõne HTML5-funktsiooni puhul ikkagi piiratud tuge.
- Kerimise väljalülitamine üleliigne ei ole usaldusväärne. Kui te ei soovi oma IFrameti kerimisribasid, peaksite kerimise atribuuti jätkama.
- Praegu brauserid ei toeta srcdoc, liivakasti ja õmblusteta atribuute.
Linkimine iFrametega
Kui annate oma ornamentidele nime või ID, siis võite oma lingid selles raamis asetada elemendi A atribuudiga. Seejärel, kui kasutaja klõpsab lingil, avaneb see pigem viidete kui irame asemel praegune aken.
Proovige seda ise. Sisestage järgmine veebileht:
Kui IFRAME-i avatud dokumendil ei ole seatud ühtegi eesmärki , avanevad kõik need lingid sama dokumendiga iframe kui lähtedokument.
Selle funktsiooni abil saate linke ühes IFRAME'is muuta mõnda muud samasse lehte sisaldava IFRAME'i sisu.
IFrames ja turvalisus
IFRAME element iseenesest ei ole teile ega teie lugejatele turvariskiks.
Kahjuks on iframe'id halb maine saanud, kuna neid võivad pahatahtlikud veebisaidid kasutada, et lisada sisu, mis võib nakatada külastaja arvutit ilma, et see näeks seda lehel. Seda tehakse, kui lingid viitavad nähtamatule IFRAME-ile ja need skriptid loovad pahatahtliku koodi. Kasutaja klõpsab linki ja arvab, et link on katki, kuna midagi ei näinud, kuid skript lasti välja, kui nad seda ei näe.
On olemas ka arvutiviiruseid, mis sisendavad teie veebisaitidele nähtamatut IFRAME-i, muutes veebisaidi veebisaidiks botlikuks. Nad saavad seda teha SQL süstimise ja muude rünnakute kaudu.
Veebilehekülje IFRAME lisamisel tuleb meeles pidada, et teie kasutajad on ainult nii turvalised kui kõikide saitide sisu, millele te linkite. Kui teil on põhjust arvata, et sait on usaldamatu, ärge linkige seda mingil viisil ja kindlasti ei lisata selle sisu IFRAME-is. Siiski ei anna iidsete lehtede linkimine teie ega teie kasutajate jaoks julgeolekuriske.
Jennifer Krynini algne artikkel. Redigeeriti 11/7/16, Jeremy Girard