الإطارات المضمنة ، التي يشار إليها عادة باسم "إطارات 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 + ، فإن هذه السمات هي سمات لا تريد استخدامها (ولكن قد ترى في بعض الوثائق القديمة).
- -عندما ، استخدم
اعنصر لربط إلى وصف - ابدأ - استخدم CSS
تطفوخاصية السماح بالشفافيةابدأ - استخدم CSSخلفيةخاصية لجعل ifram شفافة- -Instead استخدام
الحدودخاصية CSS marginheightابدأ - استخدم CSSحافةخاصيةعرض الحافةابدأ - استخدم CSSحافةخاصية- ابدأ - استخدم CSS
فيضخاصية
IFRAME دعم المستعرض
ال IFRAME عنصر مدعوم من جميع المتصفحات الحديثة:
- ذكري المظهر
- كروم
- ثعلب النار
- Internet Explorer 2+
- iOS / Safari Mobile
- نتسكيب 7+
- Opera 3+
- رحلات السفاري
إذا لم يتم عرض رقم إصدار في القائمة أعلاه ، فذلك لأن جميع إصدارات هذا المتصفح تدعمه.
شيء واحد أن تضع في اعتبارها أنه في حين أن جميع المتصفحات تدعم IFRAME ، لا يزال هناك دعم محدود لبعض ميزات HTML5.
- عن طريق
فيضلإيقاف تشغيل التمرير غير موثوق. إذا كنت لا تريد أشرطة التمرير على iframe الخاص بك ، يجب عليك الاستمرار في استخدامالتمريرصفة، عزا. - ال
srcdoc,رملوسلسالسمات غير مدعومة من قبل أي متصفحات في الوقت الحالي.
الربط مع Iframes
عندما تعطي إطار iframe الخاص بك اسم أو هوية شخصية يمكنك بعد ذلك توجيه الروابط الخاصة بك في هذا الإطار مع السمة على ا جزء. بعد ذلك ، عندما ينقر مستخدم على الرابط ، سيتم فتحه داخل إطار iframe المشار إليه بدلاً من النافذة الحالية.
جربها بنفسك. اكتب ما يلي في صفحة ويب:
هذا هو iframe الخاص بي
عند النقر فوق هذا الارتباط ، سيتم فتح مستند جديد داخل النافذة المذكورة أعلاه.
معرف = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
إذا فتح المستند في IFRAME لم يتم تعيين أي أهداف ، فحينئذٍ سيتم فتح جميع هذه الروابط في نفس iframe كوثيقة رئيسية.
يمكنك استخدام هذه الميزة لإنشاء روابط في واحد IFRAME تغيير محتويات آخر IFRAME في نفس الصفحة.
IFrames والأمن
ال IFRAME عنصر ، في حد ذاته ، ليس مخاطرة أمنية لك أو للقراء. للأسف ، أصبحت إطارات iframes ذات سمعة سيئة نظرًا لأنه يمكن استخدامها من قِبل مواقع الويب الضارة لتضمين محتوى يمكن أن يصيب جهاز كمبيوتر الزائر دون أن يشاهده على الصفحة. يتم ذلك من خلال وجود روابط تشير إلى غير مرئية IFRAME وتلك البرامج النصية تعيين رمز خبيث. ينقر المستخدم على الرابط ويظن أن الرابط معطل بسبب عدم ظهور أي شيء ، ولكن تم تعيين نص برمجي لا يمكن رؤيته فيه.
هناك أيضا فيروسات الكمبيوتر التي ستحقن غير مرئي IFRAME في صفحات الويب الخاصة بك ، وتحويل موقع الويب الخاص بك على نحو فعال في الروبوتات. يمكنهم القيام بذلك من خلال حقن SQL وغيرها من الهجمات.
الشيء الذي يجب تذكره عند تضمين IFRAME على صفحة الويب الخاصة بك أن مستخدميك آمنون تمامًا مثل محتوى جميع المواقع التي ترتبط بها. إذا كان لديك سبب للشعور بأن الموقع غير موثوق به ، فلا ترتبط به بأي شكل من الأشكال ، وبالتأكيد لا تتضمن محتوياته في IFRAME. ومع ذلك ، فإن الارتباط بصفحاتك الخاصة داخل إطارات iframes لا يمثل خطرًا أمنيًا عليك أو على مستخدميك.
المقالة الأصلية لجنيفر كرينين. تم التعديل في 11/7/16 بواسطة جيريمي جيرارد
