أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <iframe> Tag


مثال

يتم وضع علامة إطار مضمن على النحو التالي:

<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;
}