: عنصر IFRAME</h1> <p class="page-updated">آخر تحديث: 2026-09-12</p> <h2><iframe>عنصر IFRAME</h2> <p class="tutorial-intro">يضم صفحة ويب أو موردًا آخر بشكل مضمّن (صورة داخل صورة)، شائع للخرائط والفيديو والأدوات.</p> <div class="tag-quickinfo"><table class="ref-detail-table"><tbody> <tr><th>الفئة</th><td><span class="tag-badge badge-cat">البرامج النصية والتضمين</span></td></tr> <tr><th>نموذج المحتوى</th><td>محتوى تدفقي</td></tr> <tr><th>العناصر الأم المسموحة</th><td>أي عنصر يقبل المحتوى التدفقي</td></tr> <tr><th>وسم الإغلاق</th><td>نعم — يتطلب إغلاق <code></iframe></code> وسم</td></tr> <tr><th>الحالة</th><td><span class="tag-badge badge-stable">قياسي</span></td></tr> </tbody></table></div> <h2 id="syntax">📝 البنية</h2> <pre class="ref-syntax-block"><code class="language-html"><iframe src="https://example.com"></iframe></code></pre> <h2 id="attributes">⚙️ السمات</h2> <p class="ref-attr-intro">يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:</p> <table class="ref-detail-table"><thead><tr><th>السمة</th><th>القيمة</th><th>الوصف</th></tr></thead><tbody> <tr><td><code>src</code></td><td></td><td>URL of the page to embed.</td></tr> <tr><td><code>srcdoc</code></td><td></td><td>Inline HTML string as the embedded content (overrides src).</td></tr> <tr><td><code>width</code></td><td></td><td>Width of the embedded area.</td></tr> <tr><td><code>height</code></td><td></td><td>Height of the embedded area.</td></tr> <tr><td><code>title</code></td><td></td><td>Accessible title describing the embed (required).</td></tr> <tr><td><code>sandbox</code></td><td></td><td>Restricts embedded content permissions.</td></tr> </tbody></table> <div class="ref-attr-links"> <a href="/ar/html/reference/global-attributes.html" class="ref-attr-link">← عرض جميع السمات العامة</a> <a href="/ar/html/reference/event-attributes.html" class="ref-attr-link">← عرض جميع سمات الأحداث</a> </div> <h2 id="example" class="example-heading">▶ مثال</h2> <p class="tryit-intro">عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:</p> <div class="tryit-wrapper"><iframe class="tryit-iframe" src="/html/editor.html?lang=ar&mode=playground&embed=1&code=%7B%22html%22%3A%20%22%3C%21--%20%D8%AA%D8%B6%D9%85%D9%8A%D9%86%20%D9%85%D8%AD%D8%AA%D9%88%D9%89%20%D9%85%D8%B6%D9%85%D9%91%D9%86%20--%3E%5Cn%3Ciframe%20srcdoc%3D%5C%22%3Ch1%20style%3D%27color%3Atomato%27%3E%D9%85%D8%AD%D8%AA%D9%88%D9%89%20%D8%AF%D8%A7%D8%AE%D9%84%20iframe%3C%2Fh1%3E%5C%22%5Cn%20%20%20%20%20%20%20%20width%3D%5C%22300%5C%22%20height%3D%5C%22120%5C%22%20title%3D%5C%22%D9%85%D8%AB%D8%A7%D9%84%5C%22%3E%3C%2Fiframe%3E%22%2C%20%22css%22%3A%20%22%22%2C%20%22js%22%3A%20%22%22%7D" sandbox="allow-scripts allow-modals allow-same-origin allow-forms" title="Try It playground">

🌐 دعم المتصفح

المتصفح	Chrome	Edge	Firefox	Safari	Opera
<iframe>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
مدعوم في جميع المتصفحات الرئيسية

نصيحة： أضف title دائمًا لإمكانية الوصول؛ sandbox يقلل مخاطر الأمان من المحتوى المضمّن.

📚 دروس ذات صلة

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن

🌐 دعم المتصفح

🏷️ وسوم ذات صلة

💡 حالات ذات صلة

📚 دروس ذات صلة