إطارات HTML IFrame
يتم استخدام إطار HTML iframe لعرض صفحة ويب داخل صفحة ويب.
بناء جملة HTML Iframe
تحدد علامة HTML <iframe>إطارًا مضمنًا.
يتم استخدام الإطار المضمن لتضمين مستند آخر داخل مستند HTML الحالي.
بناء الجملة
<iframe src="url" title="description"></iframe>
نصيحة: من الممارسات الجيدة تضمين
titleسمة لـ <iframe>. يتم استخدام هذا بواسطة برامج قراءة الشاشة لقراءة محتوى إطار iframe.
Iframe - ضبط الارتفاع والعرض
استخدم السمات heightو widthلتحديد حجم إطار iframe.
يتم تحديد الارتفاع والعرض بالبكسل افتراضيًا:
مثال
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
أو يمكنك إضافة styleالسمة واستخدام CSS heightوالخصائص width
:
مثال
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - إزالة الحدود
بشكل افتراضي ، يحتوي إطار iframe على حدود حوله.
لإزالة الحد ، أضف styleالسمة واستخدم
borderخاصية CSS:
مثال
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
باستخدام CSS ، يمكنك أيضًا تغيير حجم ونمط ولون حدود iframe:
مثال
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - هدف ارتباط
يمكن استخدام إطار iframe كإطار هدف للارتباط.
يجب أن تشير targetسمة الارتباط إلى nameسمة iframe:
مثال
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
ملخص الفصل
- تحدد علامة HTML
<iframe>إطارًا مضمنًا srcتحدد السمة عنوان URL للصفحة المراد تضمينها- قم دائمًا بتضمين
titleسمة (لقارئات الشاشة) - تحدد السمات
heightوالسماتwidthحجم إطار iframe - تُستخدم
border:none;لإزالة الحدود حول إطار iframe
تمارين HTML
علامة HTML iframe
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .