Ներածված շրջանակներ Թույլատրել ձեր էջերում պարունակել բովանդակություն արտաքին աղբյուրներից
Inline շրջանակները, որոնք սովորաբար պարզապես կոչվում են "iframes", HTML5- ում թույլատրված միակ շրջանակն են: Այս շրջանակները, ըստ էության, ձեր էջի հատվածն են, որը դուք «կտրում եք»: Այն էջում, որը դուք կտրել եք էջից, կարող եք այնուհետեւ կերակրել արտաքին էջում: Ըստ էության, iframe- ը եւս մեկ դիտարկիչ պատուհան է, որը տեղադրված է ձեր վեբ էջի ներսում: Դուք տեսնում եք, iframes սովորաբար օգտագործվում կայքերում, որոնք պետք է ներառեն արտաքին բովանդակություն, ինչպես Google- ի քարտեզը կամ տեսանյութ YouTube- ից:
Երկու հայտնի կայքերը օգտագործում են իրենց embed կոդում iframes:
Ինչպես օգտագործել IFRAME տարրը
Տարրը օգտագործում է HTML5 գլոբալ տարրերը, ինչպես նաեւ մի քանի այլ տարրեր: Չորսն էլ ատրիբուտներ են HTML 4.01-ում.
- - շրջանակի աղբյուրի URL- ը
- - պատուհանի բարձրությունը
- - պատուհանի լայնությունը
- - պատուհանի անունը
Եւ երեքը նոր են HTML5- ում.
- srcdoc - HTML- ի աղբյուրի աղբյուրը: Այս հատկանիշը գերազանցում է src հատկանիշի ցանկացած URL- ի նկատմամբ
- sandbox- մի առանձնահատկությունների ցանկ, որոնք պետք է թույլատրվեն կամ թույլատրվեն շրջանակի պատուհանում
- seamless- նշում է օգտագործողի գործակալը, որ iframe- ը պետք է մատուցվի, ինչպես դա անտեսանելի մաս է ծնողական փաստաթղթի
Պարզ iframe կառուցելու համար դուք սահմանել աղբյուրի URL- ը եւ լայնությունը եւ բարձրությունը:
Նշեք, որ դուք կարող եք ընտրել ոչ թե pixels արժեքները, ձեր iframe- ի պարամետրերի համար, բայց կարող է փոխարեն որոշել օգտագործել տոկոսը:
Եթե դուք կառուցում եք պատասխանող կայք, որի չափսերը պետք է փոխվեն տարբեր տեսակի չափերով, ապա այդ տոկոսները կարեւոր կլինեն:
Կան նաեւ որոշ հատկանիշներ, որոնք գործում են HTML 4.01-ում, սակայն հնացած են HTML5-ում: Քանի որ շատ կայքէջեր այսօր օգտագործում են HTML5 +, այդ ատրիբուտներն են, որ դուք չեք ցանկանում օգտագործել (բայց դուք կարող եք տեսնել որոշակի ժառանգական փաստաթղթերում):
- - փոխարենը օգտագործեք մի տարր, նկարագրության հետ կապելու համար
- - Փոխարենը, օգտագործել CSS- ի float հատկությունը
- allowtransparency- Փոխարենը, օգտագործեք CSS- ի ֆոնային գույքը `ifram թափանցիկ դարձնելու համար
- - փոխարենը օգտագործել CSS- ի CSS հատկությունը
- marginheight- ի փոխարեն, օգտագործել CSS- ի մարժա գույքը
- marginwidth- ի փոխարեն, օգտագործել CSS- ի մարժա գույքը
- - փոխարենը, օգտագործեք CSS արտահոսքի հատկությունները
IFRAME բրաուզերի օժանդակություն
IFRAME տարրը աջակցում է բոլոր ժամանակակից բրաուզերների կողմից.
- Android- ը
- Chrome- ը
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile- ը
- Netscape 7+
- Օպերա 3+
- Safari- ն
Եթե վերը նշված ցուցակում որեւէ տարբերակ չի ցուցադրվում, դա այն է, որ այդ բրաուզերի բոլոր տարբերակները այն աջակցում են:
Հատկանշական է այն, որ մինչ բոլոր բրաուզերները աջակցում են IFRAME տարրը, HTML5- ի որոշ հատկություններ դեռեւս սահմանափակ են:
- Օգտագործելով գերշահագործումը, գոլորշիացումը անջատելու համար հուսալի չէ: Եթե դուք չեք ցանկանում, որ ձեր scrollbars ձեր iframes, դուք պետք է շարունակեք օգտագործել անցող հատկանիշը:
- The srcdoc, sandbox եւ seamless հատկանիշները չեն աջակցվում այս պահին որեւէ բրաուզերների կողմից:
Կապակցելով Iframes- ի հետ
Երբ դուք եք տալիս ձեր iframes անունը կամ id, ապա կարող եք մատնանշեք ձեր հղումներ այդ շրջանակում հատկանիշով է տարրը: Այնուհետեւ, երբ օգտվողը սեղմում է հղումը, այն բացվում է ներկառուցված iframe- ի ներսում, ոչ թե ընթացիկ պատուհանից:
Փորձեք ինքներդ: Ստորեւ բերեք հետեւյալ էջը.
Եթե IFRAME- ում բացված փաստաթուղթը չունի որեւէ թիրախ , ապա այդ բոլոր հղումները կբացվեն նույն iframe- ով, որպես ծնողական փաստաթուղթ:
Դուք կարող եք օգտագործել այս հնարավորությունը մեկ հղում կատարել IFRAME- ում, փոխել մեկ այլ IFRAME- ի բովանդակությունը նույն էջում:
Ենթադրություններ եւ անվտանգություն
IFRAME- ի տարրը, ինքնին, ձեզ կամ ձեր ընթերցողների համար անվտանգության ռիսկ չէ:
Ցավոք, iframes- ը ստացել է վատ համբավ, քանի որ դրանք կարող են օգտագործվել վնասակար կայքերի կողմից, ներառում բովանդակություն, որը կարող է վարակիչ այցելուի համակարգիչը ներխուժել, առանց նրանց դրանք էջում տեսնելը: Դա արվում է հղումներ ունենալով անտեսանելի IFRAME- ի վրա, եւ այդ սցենարները թույլ են տալիս անջատել վնասակար կոդը: Օգտագործողը սեղմում է հղումը եւ կարծում է, որ հղումը կոտրված է, քանի որ ոչինչ չի երեւում, բայց սցենարը տեղադրվել է, որտեղ նրանք չէին կարող տեսնել:
Կա նաեւ համակարգչային վիրուսներ, որոնք ներխուժում են անտեսանելի IFRAME ձեր վեբ էջեր, արդյունավետ կերպով դարձնելով ձեր կայքը բատնետ: Նրանք կարող են դա անել SQL ներարկման եւ այլ հարձակումների միջոցով:
Խնդիրն այն է, որ ձեր ինտերնետային էջում ներառեք IFRAME- ն այն է, որ ձեր օգտվողներն այնքան անվտանգ են, որքան ձեր կապող բոլոր կայքերը: Եթե դուք ունեք որեւէ տեղ գտնելու հիմք, վստահելի չէ, մի կապեք դրա հետ որեւէ ձեւով, եւ, անշուշտ, չի ներառում դրա բովանդակությունը IFRAME- ում: Այնուամենայնիվ, ձեր գործառույթների ներսում ձեր էջերի հետ կապելը ձեզ կամ ձեր օգտագործողների համար չի ստեղծում անվտանգության ռիսկ:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է 11/7/16, Ժերեմի Գիրարդի կողմից