تتيح لك "إطارات مضمنة" تضمين محتوى من مصادر خارجية على صفحاتك
الإطارات المضمنة ، التي يشار إليها عادة باسم "إطارات iframe" ، هي النوع الوحيد للإطار المسموح به في HTML5. هذه الإطارات هي في الأساس جزء من صفحتك التي "تقطعها". في المساحة التي قمت بقصها من الصفحة ، يمكنك حينئذٍ إطعام صفحة ويب خارجية. في جوهره ، يكون iframe عبارة عن نافذة متصفح أخرى تم ضبطها داخل صفحة الويب الخاصة بك. تشاهد iframes شائع الاستخدام على مواقع الويب التي تحتاج إلى تضمين محتوى خارجي مثل خريطة Google أو مقطع فيديو من YouTube.
يستخدم كلا هذين الموقعين المشهورين iframes في رمز التضمين الخاص بهما.
كيفية استخدام عنصر IFRAME
يستخدم العنصر عناصر HTML5 العامة بالإضافة إلى العديد من العناصر الأخرى. أربعة هي أيضا سمات في HTML 4.01:
- —عنوان URL لمصدر الإطار
- - ارتفاع النافذة
- - عرض النافذة
- - اسم النافذة
وثلاثة جديدة في HTML5:
- srcdoc - HTML لمصدر الإطار. هذه السمة لها الأسبقية على أي عنوان URL في السمة src
- وضع الحماية - قائمة بالميزات التي يجب السماح بها أو عدم السماح بها في إطار الإطار
- سلس - أخبر وكيل المستخدم بأنه يجب تقديم iframe كما لو كان جزءًا من المستند الأصلي بخفاء
لإنشاء إطار iframe بسيط ، يمكنك تعيين عنوان URL المصدر والعرض والارتفاع:
لاحظ أنه يمكنك اختيار عدم استخدام قيم وحدات البكسل لإعدادات iframe الخاصة بك ، بل قد تقرر بدلاً من ذلك استخدام النسبة المئوية.
إذا كنت بصدد إنشاء موقع ويب سريع الاستجابة يجب تغيير تغيير حجمه بأحجام شاشة مختلفة ، فإن هذه النسب ستكون مهمة.
هناك أيضًا بعض السمات الصالحة في HTML 4.01 ولكنها قديمة في HTML5. نظرًا لأن معظم مواقع الويب تستخدم حاليًا HTML5 + ، فإن هذه السمات هي سمات لا تريد استخدامها (ولكن قد ترى في بعض الوثائق القديمة).
- -عند استخدام ، استخدم عنصر A للارتباط بالوصف
- —Instead ، استخدم خاصية Float CSS
- allowtransparency—Instead ، استخدم خاصية خلفية CSS لجعل ifram شفافًا
- —Instead استخدم خاصية CSS الحدود
- marginheight— في حالة البدء ، استخدم خاصية هامش CSS
- marginwidth —Instead ، استخدم خاصية هامش CSS
- —Instead ، استخدم خاصية تجاوز سعة CSS
IFRAME دعم المستعرض
عنصر IFRAME مدعوم من جميع المتصفحات الحديثة:
- ذكري المظهر
- كروم
- ثعلب النار
- Internet Explorer 2+
- iOS / Safari Mobile
- نتسكيب 7+
- Opera 3+
- رحلات السفاري
إذا لم يتم عرض رقم إصدار في القائمة أعلاه ، فذلك لأن جميع إصدارات هذا المتصفح تدعمه.
هناك شيء واحد يجب مراعاته وهو أنه بينما تدعم جميع المتصفحات عنصر IFRAME ، فلا يزال هناك دعم محدود لبعض ميزات HTML5.
- استخدام تجاوز لإيقاف تشغيل التمرير غير موثوق. إذا كنت لا تريد أشرطة التمرير على إطارات iframe الخاصة بك ، يجب أن تستمر في استخدام سمة التمرير.
- لا تدعم أي متصفحات في srcdoc و sandbox والسمات المتواصلة في الوقت الحالي.
الربط مع Iframes
عندما تعطي iframes اسمًا أو معرفًا ، يمكنك عندئذٍ توجيه روابطك في هذا الإطار باستخدام السمة على عنصر A. بعد ذلك ، عندما ينقر مستخدم على الرابط ، سيتم فتحه داخل إطار iframe المشار إليه بدلاً من النافذة الحالية.
جربها بنفسك. اكتب ما يلي في صفحة ويب:
إذا لم يكن المستند المفتوح في IFRAME يحتوي على أية أهداف ، فسيتم فتح جميع هذه الارتباطات في نفس iframe مثل المستند الأصلي .
يمكنك استخدام هذه الميزة لجعل الارتباطات في IFRAME واحد بتغيير محتويات IFRAME آخر على نفس الصفحة.
IFrames والأمن
عنصر IFRAME ، في حد ذاته ، ليس مخاطرة أمنية لك أو للقراء.
للأسف ، أصبحت إطارات iframes ذات سمعة سيئة نظرًا لأنه يمكن استخدامها من قِبل مواقع الويب الضارة لتضمين محتوى يمكن أن يصيب جهاز كمبيوتر الزائر دون أن يشاهده على الصفحة. يتم ذلك من خلال وجود روابط تشير إلى IFRAME غير المرئي وتلك البرامج النصية تحدد كود خبيث. ينقر المستخدم على الرابط ويظن أن الرابط معطل بسبب عدم ظهور أي شيء ، ولكن تم تعيين نص برمجي لا يمكن رؤيته فيه.
هناك أيضًا فيروسات الكمبيوتر التي تقوم بحقن IFRAME غير مرئي في صفحات الويب الخاصة بك ، مما يحول موقعك الإلكتروني إلى بوت نت بشكل فعال. يمكنهم القيام بذلك من خلال حقن SQL وغيرها من الهجمات.
الشيء الذي يجب تذكره عند تضمين IFRAME على صفحتك على الويب هو أن المستخدمين لديك آمنون تمامًا مثل محتوى جميع المواقع التي تربطهم بها. إذا كان لديك سبب للشعور بأن الموقع غير موثوق به ، فلا ترتبط به بأي شكل من الأشكال ، وبالتأكيد لا تقم بتضمين محتوياته في IFRAME. ومع ذلك ، فإن الارتباط بصفحاتك الخاصة داخل إطارات iframes لا يمثل خطرًا أمنيًا عليك أو على مستخدميك.
المقالة الأصلية لجنيفر كرينين. تم التعديل في 11/7/16 بواسطة جيريمي جيرارد