Inline Frames нь Хуудасныхаа гаднах эх сурвалжуудаас Контентыг оруулах боломжийг олгодог
Inline frame буюу "iframes" гэж нэрлэдэг ерөнхийдөө HTML5-д зөвшөөрөгдсөн фреймийн төрөл юм. Эдгээр фрэймүүд нь таны "хуудсыг хассан" хуудасны хэсэг юм. Та хуудаснаас хассан зайд, дараа нь гадаад вэб хуудсанд хооллож болно. Үнэн чанартаа iframe бол өөр вэб хөтөчийн цонхонд таны вэб хуудсанд байрладаг. Та Google газрын зураг гэх мэт гадны контентыг оруулах хэрэгтэй вэбсайтуудад түгээмэл хэрэглэгддэг iframes-ээс харж болно.
Эдгээр алдартай вэбсайтуудын аль алиных нь кодыг ашиглан iframes ашигладаг.
IFRAME Элементийг хэрхэн ашиглах талаар
Энэ элемент нь HTML5 дэлхийн элементүүд болон бусад хэд хэдэн элементүүдийг ашигладаг. Дөрөв нь HTML 4.01 шинж чанарууд мөн юм:
- -Холбооны эх кодын URL
- - цонхны өндөр
- - цонхны өргөн
- - цонхны нэр
Гурван HTML5 шинэ байна:
- srcdoc -Хамгийн эх сурвалж HTML. Энэ шинж чанар нь src шинж чанар дахь ямар ч URL-ээс давуу эрхтэй байдаг
- хамгаалагдсан хязгаарлагдмал хүрээ-frame цонхонд зөвшөөрөх эсвэл хасагдах функцуудын жагсаалт
- iframe нь эх баримт бичиг нь харагдахгүй байгаа шиг харуулах ёстой гэсэн хэрэглэгчийн агентийг буулгахгүй
Энгийн iframe бүтээхийн тулд та эх URL болон өргөн, өндөрийг тавьдаг:
Та iframe-ийн тохиргоонд пиксел утгыг ашиглахгүй байхыг сонгож болох боловч харин хувь хувь хэрэглэх шийдвэр гаргаж магадгүйг анхаарна уу.
Хэрэв та дэлгэцийн хэмжээг өөр өөрөөр өөрчлөх шаардлагатай вэбсайт бүтээж байгаа бол энэ хувь хэмжээ чухал болно.
HTML 4.01-д хүчинтэй шинж чанарууд байдаг боловч HTML5-д хуучирсан. Өнөөдөр ихэнх вэбсайтууд HTML5 + -ийг ашиглаж байгаа тул эдгээр шинж чанарууд нь та ашиглахыг хүсэхгүй (гэхдээ та зарим хуучин баримтуудаас харж болно).
- Үүний тулд тодорхойлолтыг холбох элементийг ашиглана уу
- -гэснээр CSS-ийн хөвөгч шинж чанарыг ашиглана
- allowtransparency -ийг ашиглана, ifram ил тод болгохын тулд CSS background property-г ашиглана уу
- -Холбооны CSS өмчийг ашиглах боломжтой
- marginheight- ийг ашиглан CSS-ийн барьцааны хөрөнгийг ашигла
- marginwidth- ийг ашиглан CSS-ийн барьцааны хөрөнгийг ашиглана
- Харин CSS-ийн халих өмчийг ашигла
IFRAME Browser Support
IFRAME элемент нь бүх орчин үеийн хөтөчүүдээр дэмжигддэг:
- Андройд
- Кром
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Сафари
Дээрх жагсаалтад хувилбарын дугаар байхгүй бол энэ нь хөтчийн бүх хувилбарууд дэмждэг.
Анхаарах нэг зүйл бол бүх хөтчүүд IFRAME элементийг дэмждэг байхад зарим HTML5 функцуудад хязгаарлагдмал хэвээр байдаг.
- Гүйлгэхийг зогсоохын тулд халих урсгалыг ашиглах нь найдвартай биш юм. Хэрэв та iframes дээрх scrollbars-г хүсэхгүй байгаа бол гүйлгэх шинж чанарыг үргэлжлүүлэн ашиглах хэрэгтэй.
- Srcdoc, хамгаалагдсан хязгаарлагдмал орчин болон үл үзэгдэх шинж чанарууд нь одоогоор ямар ч хөтөч дэмждэггүй.
Iframes-тай холбогдоно уу
Хэрэв та iframes нэр эсвэл id өгвөл A элемент дээрх атрибуттай таны холбоосыг зааж өгч болно. Дараа нь хэрэглэгч холбоос дээр дарах үед энэ нь одоо байгаа цонх биш харин iframe дотор нээгдэнэ.
Үүнийг туршина уу. Дараах хуудсыг вэб хуудсанд оруулна уу:
Хэрэв IFRAME-д нээгдсэн баримт нь ямар нэгэн зорилт тавиагүй бол эдгээр холбоосууд нь ижил iframe-д нээх баримтыг эх баримт болгон нээнэ.
Та энэ шинж чанарыг ашиглан нэг IFRAME дээр өөр нэг IFRAME-ийн агуулгыг өөр хуудсан дээр өөрчлөх боломжтой.
IFrames болон Security
IFRAME элемент нь өөртөө буюу таны уншигчид аюулгүй байдлын эрсдэл биш юм.
Харамсалтай нь iframes муу нэр хүндийг олж авсан учраас хортой вэбсайтууд нь хуудсан дээр харагдахгүйгээр зочны компьютерийг халдварлуулж болох контентыг агуулж болно. Үүнийг холбоосууд нь үл үзэгдэх IFRAME-ыг заадаг бөгөөд эдгээр скриптүүд хортой кодыг тавьдаг. Хэрэглэгч холбоос дээр дарах бөгөөд холбоос эвдэж байгаагүй гэж боддог боловч скрипт нь үүнийг харах боломжгүй болсон.
Мөн вирусны вирусууд таны веб хуудсанд үл үзэгдэх IFRAME-ийг тарих бөгөөд таны вебсайтыг вебсайт болгон хувиргаж чадна. Тэд SQL injection болон бусад халдлагуудаар дамжуулан үүнийг хийж чадна.
Таны вэбсайт дахь IFRAME-ыг оруулаад санах зүйл нь таны хэрэглэгчид таны холбосон бүх вэбсайтын агуулгатай адил аюулгүй гэдгийг санах болно. Хэрэв та сайтыг итгэлтэй биш гэдгээ мэдрэх шалтгаан байгаа бол ямар ч загварын холбоосоор холбогдоогүй байх бөгөөд хамгийн гол нь түүний агуулгыг IFRAME-д оруулахгүй. Хэдийгээр iframes доторх өөрийн хуудсуудыг холбох боловч таны эсвэл хэрэглэгчдэд аюулгүй байдлын эрсдэл учруулахгүй.
Женнифер Кэрнин эх нийтлэл. Жереми Герард 11/7/16 дээр зассан