مثال
يتم وضع علامة إطار مضمن على النحو التالي:
<iframe src="http://www.w3ii.com"></iframe>
انها محاولة لنفسك » تعريف واستخدام
و <iframe> تحدد العلامة إطار مضمنة.
يستخدم إطار مضمن لتضمين وثيقة أخرى ضمن وثيقة HTML الحالية.
دعم المتصفح
العنصر | |||||
---|---|---|---|---|---|
<iframe> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
نصائح وملاحظات
نصيحة: للتعامل مع المتصفحات التي لا تدعم <iframe> ، إضافة النص بين فتح <iframe> العلامة وإغلاق </iframe> العلامة.
نصيحة: يمكنك استخدام CSS لنمط <iframe> (حتى لتشمل أشرطة التمرير).
الخلافات بين HTML 4.01 و HTML5
وأضاف HTML5 بعض سمات جديدة، وتتم إزالة عدة سمات HTML 4.01 من HTML5.
الخلافات بين HTML و XHTML
في XHTML، و name تم إهمال السمة، وسوف يتم إزالتها. استخدم خاصية id العالمية بدلا من ذلك.
الصفات
= جديد في HTML5.
السمة | القيمة | وصف |
---|---|---|
align | left right top middle bottom | غير معتمدة في HTML5. يحدد المحاذاة ل <iframe> وفقا للعناصر المحيطة |
frameborder | 1 0 | غير معتمدة في HTML5. تحديد ما إذا كان أو لم يكن لعرض الحدود حول وجود <iframe> |
height | pixels | يحدد ارتفاع ل <iframe> |
longdesc | URL | غير معتمدة في HTML5. يحدد الصفحة التي تحتوي على الشرح الطويل للمحتوى من <iframe> |
marginheight | pixels | غير معتمدة في HTML5. تحدد الهوامش العلوية والسفلية من محتوى و <iframe> |
marginwidth | pixels | غير معتمدة في HTML5. تحدد الهوامش اليمنى واليسرى من محتوى و <iframe> |
name | text | يحدد اسم أحد <iframe> |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | تمكن مجموعة إضافية من القيود المفروضة على المحتوى في <iframe> |
scrolling | yes no auto | غير معتمدة في HTML5. تحديد ما إذا كان أو لم يكن أحد لعرضهم التمرير في <iframe> |
src | URL | تحديد عنوان المستند لتضمين في <iframe> |
srcdoc | HTML_code | يحدد محتوى HTML من الصفحة لتظهر في <iframe> |
width | pixels | يحدد عرض ل <iframe> |
السمات العامة
و <iframe> يدعم أيضا الوسم السمات العامة في HTML .
سمات الحدث
و <iframe> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
البرنامج التعليمي HTML: HTML نوافذ الأطر المدمجة
HTML DOM إشارة: كائن IFRAME
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <iframe> عنصر مع القيم الافتراضية التالية:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}