Inline Frame'ler İçindekilerinizi Sayfalarınızdaki Xarici Kaynaklardan İçerebilir
Tez-tez sadəcə olaraq "iframes" adlanan satırdakı çərçivələr HTML5-də icazə verilən çərçivənin yeganə növüdür. Bu çərçivələr əslində "kəsilmiş" səhifənizin bir hissəsidir. Sayfadan çıxardığınız məkanda, sonra xarici veb səhifəsində qidalandırmaq olar. Əslində bir iframe veb səhifənin içərisində başqa bir brauzer pəncərəsidir. Iframe'ler, Google xəritəsini və ya YouTube-dan bir video kimi xarici məzmunu əlavə etmək üçün lazım olan saytlarda tez-tez istifadə olunur.
Həmin populyar saytların hər ikisi embed kodunda iframe istifadə edirlər.
IFRAME Elementini necə istifadə etməli
Element HTML5 qlobal elementlərini və bir sıra digər elementləri istifadə edir. Dörd HTML 4.01 də özniteliklerdir:
- - çərçivənin mənbəyi üçün URL
- - pəncərənin hündürlüyü
- - pəncənin eni
- - pəncərənin adı
Və HTML5-də üç yeni:
- srcdoc - çərçivənin mənbəyi üçün HTML. Bu xüsusiyyət src öznitəsindəki hər hansı bir URL üzərində üstünlük təşkil edir
- sandbox - çərçivə pəncərəsində icazə verilməli və ya icazə verilməməli olan xüsusiyyətlərin siyahısı
- məsələn, iframe göstərilməlidir ki, istifadəçi agenti ana sənədin görünməz hissəsidir
Sadə bir iframe qurmaq üçün mənbə URL və genişlik və boyu təyin edərsiniz:
İframeinizin parametrləri üçün piksel dəyərlərindən istifadə etməməyi seçə bilərsiniz, lakin bunun əvəzində faiz istifadə etməyə qərar verə bilərsiniz.
Siz ölçüsü fərqli ekran ölçüləri ilə dəyişməlidir cavab verən bir veb sayt qurursanız, bu faizlər əhəmiyyətli olacaq.
HTML 4.01-də etibarlı olan HTML5-də köhnəlmiş bəzi xüsusiyyətlər də var. Çox saytlar bu gün HTML5 + istifadə etdiyindən, bu xüsusiyyətlər istifadə etmək istəməyəcək olanlardır (lakin bəzi sənədlərdə görmək olar).
- Əvəzinə təsvirə keçid üçün A elementindən istifadə edin
- Əvəzinə CSS float xüsusiyyətindən istifadə edin
- allowtransparency - əvəzində ifram şəffaf etmək üçün CSS fon xüsusiyyətini istifadə edin
- - sərhədi CSS əmlakından istifadə edin
- marginheight - əvəzinə , CSS margin əmlakını istifadə edin
- marginwidth - əvəzinə , CSS margin əmlakını istifadə edin
- - əvəzində, CSS daşma xüsusiyyətindən istifadə edin
IFRAME Brauzer dəstəyi
IFRAME elementi bütün müasir brauzerlər tərəfindən dəstəklənir:
- Android
- Chrome
- Firefox
- Internet Explorer 2 +
- iOS / Safari Mobile
- Netscape 7 +
- Opera 3+
- Safari
Yuxarıdakı siyahıda heç bir versiya sayı göstərilmirsə, budur, brauzerin bütün versiyaları onu dəstəkləyir.
Diqqətli olması lazım olan bir şey, bütün brauzerlər IFRAME elementini dəstəkləyərkən, bəzi HTML5 xüsusiyyətləri üçün hələ də məhdud dəstək var.
- Kaydırmayı söndürmək üçün taşma istifadə edərək, etibarlı deyil. Iframalarınızdakı scrollbars istəmirsinizsə, kaydırma atributunu istifadə etməyə davam etməlisiniz.
- Srcdoc, sandbox və seamless xüsusiyyətləri hazırda brauzerlər tərəfindən dəstəklənmir.
Iframes ilə əlaqə
Iframe'lerinizi bir ad və ya id verdiyiniz zaman, bu çərçivədə olan bağlantılarınızı A elementindəki atributla göstərə bilərsiniz. Sonra istifadəçi linki vurduqda, mövcud pəncərədən deyil, istinad olunan iframe daxilində açılacaqdır.
Özünüzü sınayın. Aşağıdakıları veb səhifəyə daxil edin:
IFRAME-də açılmış sənəddə heç bir hədəf yoxdur, onda bütün bu əlaqələr ana sənəddə eyni iframe ilə açılacaqdır.
Bu funksiyanı bir IFRAME-də keçid etmək üçün istifadə edə bilərsiniz, başqa bir IFRAME-in məzmununu eyni səhifəyə dəyişin.
IFrames və Təhlükəsizlik
IFRAME elementi, özü üçün, sizin və ya oxucularınız üçün təhlükəsizlik riski deyil.
Təəssüf ki, əgər iframelər pis bir ünsür qazanmışlarsa, zərərli saytlar tərəfindən ziyarətçilərin kompüterinə səhifəni görmədən cəlb edə biləcək məzmunu əlavə etmək üçün istifadə oluna bilərlər. Bu, əlaqələrin görünməz IFRAME-ə və bu skriptlərin zərərli kodları təyin etməyə yönəldilməsi ilə həyata keçirilir. İstifadəçi linki tıklayır və heç bir şeyin baş vermədiyi üçün linkin pozulduğunu düşünür, ancaq görünmədikləri bir skript buraxıldı.
İnternet səhifələrinizə bir görünməz IFRAME yerləşdirəcək kompüter virusları da var, effektiv olaraq bir botnet saytına çevrilir. Onlar bunu SQL injection və digər hücumlar vasitəsilə edə bilərlər.
Veb səhifəmizdə bir IFRAME daxil olanda xatırlamaq lazım olan bir şey, istifadəçilərinizin bağladığınız bütün saytların məzmunu kimi təhlükəsiz olduğunu göstərir. Bir saytın etibarsız olduğunu düşünmək üçün bir səbəb varsa, heç bir şəkildə bağlamayın və mütləq bir məzmununu bir IFRAME içərisinə daxil etməyin. Bununla yanaşı, iframes içərisində öz səhifələrinizə keçid, sizin və ya istifadəçiləriniz üçün təhlükəsizlik riski yaradır.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 11/7/16 tarixində təşkil edildi