HTML iframe Tag
HTML iframe Tag – يٌستخدم الوسم <iframe> فى لغة HTML لإنشاء إطار لعرض الكائنات الخارجية بما في ذلك صفحات الويب الأخرى داخل صفحة الويب الحالية.
HTML iframe Tag
وسم الـ <iframe > (اختصار لـ frame) حيث يعمل إلى حد كبير مثل متصفح الويب المصغر داخل متصفح الويب.
مثال للتوضيح
لتضمين صفحة داخل الصفحة الحالية بإستخدام وسم <iframe>:
<iframe src="https://www.albashmoparmeg.com/" height="400" width="500"></iframe>
السمات المحددة – Specific Attributes
يدعم الوسم <iframe> هذه السمات:
| السمة | القيمة | الوصف |
|---|---|---|
| height | pixels | يحدد ارتفاع الإطار. الارتفاع الافتراضي 150 بكسل. |
| width | pixels | يحدد عرض الإطار. العرض الافتراضي 300 بكسل. |
| name | text | يحدد اسم الإطار. |
| allow | يحدد سياسة ميزة لإطار، مثل الوصول إلى الميكروفون والكاميرا والبطارية ..إلخ. | |
| allowfullscreen | true false | لتنشيط وضع ملء الشاشة للإطار إجعل القيمة “true“، حيث يتم تشغيلها عن طريق استدعاء طريقة ()requestFullscreen. |
| allowpaymentrequest | true false | للسماح للإطار عبر الأصل إجعل القيمة “true“، حيث يتم تشغيلها عن طريق استدعاء Payment Request API. |
| loading | eager lazy | يشير إلى كيفية تحميل المتصفح لإطار iframe. eager (القيمة الافتراضية): تقوم بتحميل الإطار فورًا. lazy: تقوم بتأجيل تحميل الإطار حتى يصل إلى مسافة محسوبة من إطار العرض ، كما هو محدد بواسطة المتصفح. |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url | يشير إلى المرجع (referrer) الذي سيتم إرساله عند جلب الإطار. |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | يطبق قيودًا إضافية على المحتوى الموجود في الإطار. يمكن أن تكون قيمة السمة فارغة لتطبيق جميع القيود. |
| src | URL | يحدد عنوان المستند أو الصفحة المراد تضمينه في الـ <iframe>. |
| srcdoc | HTML code | يحدد محتوى HTML للصفحة المراد إظهارها في الإطار. |
| aligndeprecated | left right top middle bottom | يحدد محاذاة الإطار بالنسبة للعناصر المحيطة. |
| frameborderdeprecated | 0 1 | يبلغ المتصفح بشأن ما إذا كان سيعرض حدًا حول الإطار أم لا. القيمة 1 (الافتراضية): ترسم حدًا حول الإطار. القيمة 0: تزيل الحد حول الإطار. |
| longdescdeprecated | URL | يحدد رابطًا لوصف طويل لإطار. |
| marginheightdeprecated | pixels | يحدد مقدار المسافة بالبكسل بين الحواف العلوية والسفلية للإطار ومحتوياته. |
| marginwidthdeprecated | pixels | يحدد مقدار المسافة بالبكسل بين الحواف اليمنى واليسرى للإطار ومحتوياته. |
| scrollingdeprecated | yes no auto | يشير إلى الوقت الذي يجب أن يوفر فيه المتصفح شريط تمرير للإطار. |
السمات العامة – Global Attributes
الوسم <iframe> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <iframe> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <iframe> Tag
فصل: HTML Iframes.
وسم: <embed>.
دعم المتصفحات
 |  |  |  |  |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!