HTML IFrame Element: Difference between revisions

From binaryoption
Jump to navigation Jump to search
Баннер1
(@pipegas_WP)
 
(@pipegas_WP)
 
Line 1: Line 1:
# عنصر HTML IFrame
# عنصر HTML IFrame


عنصر `<iframe>` في [[HTML]] هو عنصر مضمن يسمح لك بتضمين صفحة ويب أخرى داخل صفحتك الحالية. يُعتبر هذا العنصر أداة قوية للغاية لتضمين محتوى من مصادر مختلفة، مثل مقاطع الفيديو من [[YouTube]]، أو الخرائط من [[Google Maps]]، أو حتى تطبيقات ويب كاملة. في هذا المقال، سنستعرض بشكل مفصل كيفية استخدام عنصر `<iframe>`، وخصائصه، واعتبارات الأمان المتعلقة به، وكيف يمكن استخدامه في سياقات مختلفة.
'''عنصر IFrame''' هو عنصر HTML يسمح لك بتضمين مستند HTML آخر داخل مستند HTML الحالي. يُعرف أيضًا باسم "Inline Frame"، وهو مفيد جدًا لعرض محتوى من مصادر مختلفة، مثل إعلانات، أو خرائط، أو حتى صفحات ويب كاملة، ضمن صفحتك. هذه المقالة ستشرح بالتفصيل كيفية استخدام عنصر IFrame، وخصائصه، واعتبارات الأمان المتعلقة به.


== ما هو عنصر IFrame؟ ==
== ما هو عنصر IFrame؟ ==


ببساطة، `<iframe>` يعمل كـ "نافذة" داخل صفحة الويب الخاصة بك. يمكن لهذه النافذة عرض أي محتوى HTML صالح، تمامًا كما لو كان جزءًا من صفحتك الأصلية. يسمح لك هذا بتجنب الحاجة إلى نسخ ولصق المحتوى أو إعادة إنشائه، مما يوفر الوقت والجهد.  كما أنه مفيد جدًا لعرض محتوى يتم تحديثه بشكل متكرر، مثل أسعار [[العملات المشفرة]] أو [[الأسهم]]، حيث يمكن تحديث المحتوى داخل `<iframe>` بشكل مستقل عن صفحتك الرئيسية.
تخيل أنك تبني منزلًا، وتريد نافذة صغيرة تطل على منظر جميل. عنصر IFrame يشبه هذه النافذة. هو يسمح لك بعرض جزء من موقع ويب آخر (المنظر الجميل) داخل موقعك الخاص (المنزل).  


== بناء الجملة (Syntax) ==
ببساطة، IFrame هو حاوية لعرض مستندات HTML أخرى.  يمكن أن يكون هذا المستند HTML من نفس الخادم، أو من خادم آخر تمامًا.  هذا يجعله أداة قوية جدًا لتضمين محتوى ديناميكي أو ثابت من مصادر خارجية.  يُستخدم IFrame بشكل شائع لعرض:


الصيغة الأساسية لعنصر `<iframe>` هي:
*  [[الإعلانات]]: غالبًا ما تستخدم مواقع الويب IFrame لعرض إعلانات من شبكات إعلانية خارجية.
*  [[الخرائط]]:  يمكنك تضمين خرائط تفاعلية من خدمات مثل [[Google Maps]] باستخدام IFrame.
*  [[مقاطع الفيديو]]:  منصات مثل [[YouTube]] و [[Vimeo]] توفر أكواد IFrame لتضمين مقاطع الفيديو في مواقع الويب الأخرى.
*  [[النماذج]]:  يمكنك تضمين نماذج من مواقع أخرى، مثل نماذج الاشتراك في النشرات الإخبارية.
*  [[التحليلات]]:  خدمات التحليلات غالبًا ما تستخدم IFrame لتضمين لوحات معلومات التحليل.


```html
== بناء جملة IFrame ==
<iframe src="URL الصفحة المراد تضمينها" width="عرض الإطار" height="ارتفاع الإطار" title="وصف الإطار">
  هذا المحتوى سيظهر في المتصفحات التي لا تدعم IFrame.
</iframe>
```


*  `src`: هذا هو السمة الأكثر أهمية، حيث تحدد عنوان URL للصفحة التي تريد تضمينها.
بناء الجملة الأساسي لعنصر IFrame هو:
*  `width`: يحدد عرض الإطار بالبكسل أو بالنسبة المئوية.
*  `height`: يحدد ارتفاع الإطار بالبكسل أو بالنسبة المئوية.
*  `title`: يوفر وصفًا للإطار، وهو مهم لإمكانية الوصول (Accessibility) ولتحسين محركات البحث (SEO).
*  المحتوى بين علامتي الفتح والإغلاق: هذا المحتوى سيظهر فقط في المتصفحات القديمة التي لا تدعم عنصر `<iframe>`.


== خصائص عنصر IFrame الإضافية ==
<nowiki>
&lt;iframe src="URL" width="عرض" height="ارتفاع"&gt;
&lt;/iframe&gt;
</nowiki>


بالإضافة إلى الخصائص الأساسية المذكورة أعلاه، هناك العديد من الخصائص الأخرى التي يمكنك استخدامها لتخصيص سلوك `<iframe>`:
*  '''src:''' هذا هو أهم سمة، حيث تحدد عنوان URL للمستند HTML الذي سيتم عرضه داخل IFrame.
*  '''width:''' يحدد عرض IFrame. يمكن تحديده بالبكسل (مثل "500px") أو كنسبة مئوية من عرض الحاوية الأصلية (مثل "100%").
*  '''height:''' يحدد ارتفاع IFrame. يمكن تحديده بالبكسل (مثل "300px") أو كنسبة مئوية من ارتفاع الحاوية الأصلية.


`frameborder`: يحدد ما إذا كان سيتم عرض حد حول الإطار. القيمة `0` تعني عدم وجود حد، والقيمة `1` تعني وجود حد.
== سمات IFrame الإضافية ==
`scrolling`: يحدد ما إذا كان سيتم عرض أشرطة التمرير داخل الإطاريمكن أن تكون القيم `yes` أو `no` أو `auto`.
 
`allowfullscreen`: يسمح للمستخدم بتكبير الإطار إلى وضع ملء الشاشة.
بالإضافة إلى السمات الأساسية، هناك العديد من السمات الأخرى التي يمكن استخدامها مع IFrame:
*  `sandbox`: يوفر طبقة أمان إضافية عن طريق تقييد الإجراءات التي يمكن أن يتخذها المحتوى داخل الإطار.  يمكنك تحديد مجموعة من القيود، مثل `allow-forms`، `allow-scripts`، `allow-same-origin`.  راجع [[وثائق HTML]] لمزيد من التفاصيل.
 
`loading`: يحدد متى يجب تحميل الإطار. يمكن أن تكون القيم `lazy` (لتأخير التحميل حتى يصبح الإطار مرئيًا) أو `eager` (لتحميل الإطار على الفور).
*  '''title:''' يوفر وصفًا موجزًا لمحتوى IFrame. هذا مهم لإمكانية الوصول (Accessibility) وقراءته من قبل برامج قراءة الشاشة.
`referrerpolicy`: يتحكم في معلومات الإحالة المرسلة مع الطلبات من الإطار.
'''frameborder:''' يحدد ما إذا كان يجب عرض حدود حول IFrame أم لا. القيمة "1" تعرض الحدود، والقيمة "0" تخفيها.  (هذه السمة مهملة في HTML5، ومن الأفضل التحكم في الحدود باستخدام CSS).
'''scrolling:''' يحدد ما إذا كان يجب عرض أشرطة التمرير داخل IFrame أم لا.  القيم المتاحة هي "yes" و "no" و "auto".
'''sandbox:''' هذه السمة مهمة جدًا للأمانتسمح لك بتقييد الإجراءات التي يمكن أن يقوم بها محتوى IFrameعلى سبيل المثال، يمكنك منع IFrame من تنفيذ JavaScript أو إرسال النماذج.
'''align:''' تحدد محاذاة IFrame. (هذه السمة مهملة في HTML5، ومن الأفضل التحكم في المحاذاة باستخدام CSS).
'''longdesc:''' يوفر رابطًا إلى صفحة تحتوي على وصف طويل لمحتوى IFrame. (هذه السمة مهملة).
 
{| class="wikitable"
|+ سمات IFrame
|---|---|
| السمة | الوصف |
| src | عنوان URL للمستند المراد تضمينه |
| width | عرض IFrame |
| height | ارتفاع IFrame |
| title | وصف موجز للمحتوى |
| frameborder | عرض أو إخفاء الحدود |
| scrolling | عرض أو إخفاء أشرطة التمرير |
| sandbox | تقييد إجراءات IFrame |
| align | محاذاة IFrame (مهملة) |
| longdesc | رابط إلى وصف طويل (مهملة) |
|}


== اعتبارات الأمان ==
== اعتبارات الأمان ==


عند استخدام `<iframe>`، من المهم أن تكون على دراية بمخاطر الأمان المحتملة.  إذا كنت تقوم بتضمين محتوى من مصدر غير موثوق به، فقد يكون هذا المحتوى ضارًا.  استخدم السمة `sandbox` لتقييد الإجراءات التي يمكن أن يتخذها المحتوى داخل الإطار.  تأكد أيضًا من أنك تفهم سياسات الأمان المتعلقة بالمحتوى الذي تقوم بتضمينه.  راجع [[Cross-Origin Resource Sharing (CORS)]] و [[Content Security Policy (CSP)]] لمزيد من المعلومات.  تجنب تضمين محتوى من مصادر غير معروفة أو مشبوهة.
عند استخدام IFrame، من المهم مراعاة اعتبارات الأمان التالية:


== استخدامات عنصر IFrame ==
*  '''XSS (Cross-Site Scripting):''' إذا كان IFrame يعرض محتوى من مصدر غير موثوق به، فقد يكون عرضة لهجمات XSS.  استخدم سمة '''sandbox''' لتقييد الإجراءات التي يمكن أن يقوم بها محتوى IFrame.
*  '''Clickjacking:'''  يمكن للمهاجمين استخدام IFrame لخداع المستخدمين للنقر على أزرار أو روابط مخفية.  استخدم إجراءات الحماية مثل '''X-Frame-Options''' لمنع موقعك من أن يتم تضمينه في IFrame من قبل مواقع أخرى غير موثوق بها.
*  '''Mixed Content:'''  إذا كان موقعك يستخدم HTTPS، فتأكد من أن محتوى IFrame يتم تحميله أيضًا عبر HTTPS.  تحميل محتوى غير آمن (HTTP) داخل IFrame آمن (HTTPS) يمكن أن يؤدي إلى تحذيرات أمنية في المتصفح.


*  **تضمين الخرائط:**  يمكنك استخدام `<iframe>` لتضمين خرائط تفاعلية من [[Google Maps]] أو خدمات الخرائط الأخرى.
== أمثلة عملية ==
*  **تضمين مقاطع الفيديو:**  يمكنك بسهولة تضمين مقاطع الفيديو من [[YouTube]] أو [[Vimeo]].
*  **تضمين الاستطلاعات والنماذج:**  يمكنك تضمين استطلاعات الرأي أو النماذج التي تم إنشاؤها باستخدام خدمات خارجية.
*  **تضمين تطبيقات الويب:**  يمكنك تضمين تطبيقات ويب كاملة داخل صفحتك.
*  **الإعلانات:**  غالبًا ما تستخدم `<iframe>` لعرض الإعلانات من شبكات الإعلانات المختلفة.
*  **تضمين تحليلات البيانات:** عرض لوحات معلومات [[تحليلات Google]] أو أدوات تحليل أخرى.


== IFrame وتداول الخيارات الثنائية ==
'''مثال 1: تضمين خريطة من Google Maps'''


يمكن استخدام `<iframe>` لعرض أسعار [[العملات المشفرة]] في الوقت الفعلي أو الرسوم البيانية للأسهم مباشرة على موقع ويب يقدم خدمات تداول [[الخيارات الثنائية]]. هذا يسمح للمتداولين بمراقبة أداء الأصول دون الحاجة إلى مغادرة الموقع. كما يمكن استخدامه لتضمين [[منصات التداول]] نفسها، مما يوفر تجربة مستخدم متكاملة. ومع ذلك، يجب توخي الحذر الشديد لضمان أمان المستخدمين وتجنب أي محتوى ضار.
<nowiki>
&lt;iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.833673566577!2d35.91989778502979!3d32.08523538507296!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ff697a6811044e1%3A0x605a4b1f1a916b7!2sJerusalem+Old+City!5e0!3m2!1sar!2sa!4v1678886400000!5m2!1sar!2sa" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"&gt;&lt;/iframe&gt;
</nowiki>


== أمثلة عملية ==
'''مثال 2: تضمين فيديو من YouTube'''
 
<nowiki>
&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen&gt;&lt;/iframe&gt;
</nowiki>


| مثال | الوصف |
== بدائل لـ IFrame ==
|---|---|
| `<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="560" height="315" title="Rick Astley - Never Gonna Give You Up"></iframe>` | تضمين مقطع فيديو من YouTube. |
| `<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.531245910432!2d35.233286!3d32.085135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ff4e101c26966e1%3A0x6f84e64662bf7297!2sJerusalem!5e0!3m2!1sar!2sUS!4v1678886400000!5m2!1sar!2sUS" width="600" height="450" title="Jerusalem Map"></iframe>` | تضمين خريطة من Google Maps. |
| `<iframe src="https://example.com/trading-platform" width="800" height="600" sandbox="allow-forms allow-scripts allow-same-origin" title="Trading Platform"></iframe>` | تضمين منصة تداول مع تطبيق قيود الأمان. |


== استراتيجيات ذات صلة ==
في بعض الحالات، قد تكون هناك بدائل أفضل لعنصر IFrame، مثل:


[[استراتيجية مارتينجال]]
'''AJAX:'''  يمكن استخدام AJAX لتحميل محتوى ديناميكي من خادم آخر دون الحاجة إلى إعادة تحميل الصفحة بأكملها.
[[استراتيجية فيبوناتشي]]
'''Web Components:'''  تتيح لك Web Components إنشاء عناصر HTML مخصصة قابلة لإعادة الاستخدام.
[[استراتيجية الاختراق]]
'''Server-Side Includes (SSI):'''  يمكن استخدام SSI لتضمين محتوى من ملفات أخرى على الخادم.
*  [[استراتيجية المتوسطات المتحركة]]
*  [[استراتيجية البولينجر باندز]]
*  [[التحليل الفني]]
*  [[التحليل الأساسي]]
*  [[تحليل حجم التداول]]
*  [[نماذج الشموع اليابانية]]
*  [[مؤشر القوة النسبية (RSI)]]
*  [[مؤشر الماكد (MACD)]]
*  [[مؤشر ستوكاستيك]]
*  [[التحليل الموجي إليوت]]
*  [[إدارة المخاطر]]
*  [[تنويع المحفظة]]


== روابط مفيدة ==
== روابط ذات صلة ==


*  [[HTML iframe element - MDN Web Docs]]
*  [[iframe - W3Schools]]
*  [[Cross-Origin Resource Sharing (CORS)]]
*  [[Content Security Policy (CSP)]]
*  [[HTML]]
*  [[HTML]]
*  [[HTML Elements]]
*  [[HTML Attributes]]
*  [[Accessibility]]
*  [[XSS]]
*  [[Clickjacking]]
*  [[HTTPS]]
*  [[CSS]]
*  [[JavaScript]]
*  [[JavaScript]]
*  [[CSS]]
*  [[SEO]]
*  [[Accessibility]]
*    [[يوتيوب]]
*  [[Google Maps]]
*  [[Google Maps]]
*  [[الخيارات الثنائية]]
*  [[YouTube]]
*  [[العملات المشفرة]]
*  [[AJAX]]
*  [[الأسهم]]
*  [[Web Components]]
*  [[تحليلات Google]]
*  [[Server-Side Includes]]
*  [[HTML5]]
 
== استراتيجيات التداول والتحليل ==
 
*  [[التحليل الفني (Technical Analysis)]]:  فهم الرسوم البيانية وأنماط الشموع اليابانية.
*  [[تحليل حجم التداول (Volume Analysis)]]:  تحديد قوة الاتجاهات بناءً على حجم التداول.
*  [[استراتيجية الاختراق (Breakout Strategy)]]:  تداول الأسعار عند اختراق مستويات الدعم والمقاومة.
*  [[استراتيجية المتوسطات المتحركة (Moving Average Strategy)]]:  استخدام المتوسطات المتحركة لتحديد اتجاهات السوق.
*  [[استراتيجية مؤشر القوة النسبية (RSI Strategy)]]:  استخدام مؤشر القوة النسبية لتحديد مناطق ذروة الشراء والبيع.
*  [[استراتيجية MACD (Moving Average Convergence Divergence)]]:  تحليل العلاقة بين المتوسطات المتحركة.
*  [[استراتيجية بولينجر باندز (Bollinger Bands Strategy)]]:  استخدام نطاقات بولينجر لتحديد التقلبات.
*  [[استراتيجية فيبوناتشي (Fibonacci Strategy)]]:  استخدام مستويات فيبوناتشي لتحديد مستويات الدعم والمقاومة المحتملة.
*  [[استراتيجية التداول المتأرجح (Swing Trading Strategy)]]:  الاستفادة من تقلبات الأسعار قصيرة الأجل.
*  [[استراتيجية التداول اليومي (Day Trading Strategy)]]:  فتح وإغلاق الصفقات في نفس اليوم.
*  [[استراتيجية التداول طويل الأجل (Long-Term Trading Strategy)]]:  الاحتفاظ بالصفقات لفترة طويلة.
*  [[استراتيجية المضاربة (Scalping Strategy)]]:  الاستفادة من تحركات الأسعار الصغيرة.
*  [[استراتيجية التداول الخوارزمي (Algorithmic Trading Strategy)]]:  استخدام الخوارزميات لتنفيذ الصفقات.
*  [[استراتيجية التحوط (Hedging Strategy)]]:  تقليل المخاطر من خلال اتخاذ مواقف متعاكسة.
*  [[استراتيجية إدارة المخاطر (Risk Management Strategy)]]:  تحديد حجم المخاطر المناسب لكل صفقة.


[[Category:**الفئة:عناصر HTML**]]
[[Category:**الفئة:HTML**]]


== ابدأ التداول الآن ==
== ابدأ التداول الآن ==

Latest revision as of 05:43, 24 April 2025

  1. عنصر HTML IFrame

عنصر IFrame هو عنصر HTML يسمح لك بتضمين مستند HTML آخر داخل مستند HTML الحالي. يُعرف أيضًا باسم "Inline Frame"، وهو مفيد جدًا لعرض محتوى من مصادر مختلفة، مثل إعلانات، أو خرائط، أو حتى صفحات ويب كاملة، ضمن صفحتك. هذه المقالة ستشرح بالتفصيل كيفية استخدام عنصر IFrame، وخصائصه، واعتبارات الأمان المتعلقة به.

ما هو عنصر IFrame؟

تخيل أنك تبني منزلًا، وتريد نافذة صغيرة تطل على منظر جميل. عنصر IFrame يشبه هذه النافذة. هو يسمح لك بعرض جزء من موقع ويب آخر (المنظر الجميل) داخل موقعك الخاص (المنزل).

ببساطة، IFrame هو حاوية لعرض مستندات HTML أخرى. يمكن أن يكون هذا المستند HTML من نفس الخادم، أو من خادم آخر تمامًا. هذا يجعله أداة قوية جدًا لتضمين محتوى ديناميكي أو ثابت من مصادر خارجية. يُستخدم IFrame بشكل شائع لعرض:

  • الإعلانات: غالبًا ما تستخدم مواقع الويب IFrame لعرض إعلانات من شبكات إعلانية خارجية.
  • الخرائط: يمكنك تضمين خرائط تفاعلية من خدمات مثل Google Maps باستخدام IFrame.
  • مقاطع الفيديو: منصات مثل YouTube و Vimeo توفر أكواد IFrame لتضمين مقاطع الفيديو في مواقع الويب الأخرى.
  • النماذج: يمكنك تضمين نماذج من مواقع أخرى، مثل نماذج الاشتراك في النشرات الإخبارية.
  • التحليلات: خدمات التحليلات غالبًا ما تستخدم IFrame لتضمين لوحات معلومات التحليل.

بناء جملة IFrame

بناء الجملة الأساسي لعنصر IFrame هو:

<iframe src="URL" width="عرض" height="ارتفاع"> </iframe>

  • src: هذا هو أهم سمة، حيث تحدد عنوان URL للمستند HTML الذي سيتم عرضه داخل IFrame.
  • width: يحدد عرض IFrame. يمكن تحديده بالبكسل (مثل "500px") أو كنسبة مئوية من عرض الحاوية الأصلية (مثل "100%").
  • height: يحدد ارتفاع IFrame. يمكن تحديده بالبكسل (مثل "300px") أو كنسبة مئوية من ارتفاع الحاوية الأصلية.

سمات IFrame الإضافية

بالإضافة إلى السمات الأساسية، هناك العديد من السمات الأخرى التي يمكن استخدامها مع IFrame:

  • title: يوفر وصفًا موجزًا لمحتوى IFrame. هذا مهم لإمكانية الوصول (Accessibility) وقراءته من قبل برامج قراءة الشاشة.
  • frameborder: يحدد ما إذا كان يجب عرض حدود حول IFrame أم لا. القيمة "1" تعرض الحدود، والقيمة "0" تخفيها. (هذه السمة مهملة في HTML5، ومن الأفضل التحكم في الحدود باستخدام CSS).
  • scrolling: يحدد ما إذا كان يجب عرض أشرطة التمرير داخل IFrame أم لا. القيم المتاحة هي "yes" و "no" و "auto".
  • sandbox: هذه السمة مهمة جدًا للأمان. تسمح لك بتقييد الإجراءات التي يمكن أن يقوم بها محتوى IFrame. على سبيل المثال، يمكنك منع IFrame من تنفيذ JavaScript أو إرسال النماذج.
  • align: تحدد محاذاة IFrame. (هذه السمة مهملة في HTML5، ومن الأفضل التحكم في المحاذاة باستخدام CSS).
  • longdesc: يوفر رابطًا إلى صفحة تحتوي على وصف طويل لمحتوى IFrame. (هذه السمة مهملة).
سمات IFrame
الوصف | عنوان URL للمستند المراد تضمينه | عرض IFrame | ارتفاع IFrame | وصف موجز للمحتوى | عرض أو إخفاء الحدود | عرض أو إخفاء أشرطة التمرير | تقييد إجراءات IFrame | محاذاة IFrame (مهملة) | رابط إلى وصف طويل (مهملة) |

اعتبارات الأمان

عند استخدام IFrame، من المهم مراعاة اعتبارات الأمان التالية:

  • XSS (Cross-Site Scripting): إذا كان IFrame يعرض محتوى من مصدر غير موثوق به، فقد يكون عرضة لهجمات XSS. استخدم سمة sandbox لتقييد الإجراءات التي يمكن أن يقوم بها محتوى IFrame.
  • Clickjacking: يمكن للمهاجمين استخدام IFrame لخداع المستخدمين للنقر على أزرار أو روابط مخفية. استخدم إجراءات الحماية مثل X-Frame-Options لمنع موقعك من أن يتم تضمينه في IFrame من قبل مواقع أخرى غير موثوق بها.
  • Mixed Content: إذا كان موقعك يستخدم HTTPS، فتأكد من أن محتوى IFrame يتم تحميله أيضًا عبر HTTPS. تحميل محتوى غير آمن (HTTP) داخل IFrame آمن (HTTPS) يمكن أن يؤدي إلى تحذيرات أمنية في المتصفح.

أمثلة عملية

مثال 1: تضمين خريطة من Google Maps

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.833673566577!2d35.91989778502979!3d32.08523538507296!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ff697a6811044e1%3A0x605a4b1f1a916b7!2sJerusalem+Old+City!5e0!3m2!1sar!2sa!4v1678886400000!5m2!1sar!2sa" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

مثال 2: تضمين فيديو من YouTube

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

بدائل لـ IFrame

في بعض الحالات، قد تكون هناك بدائل أفضل لعنصر IFrame، مثل:

  • AJAX: يمكن استخدام AJAX لتحميل محتوى ديناميكي من خادم آخر دون الحاجة إلى إعادة تحميل الصفحة بأكملها.
  • Web Components: تتيح لك Web Components إنشاء عناصر HTML مخصصة قابلة لإعادة الاستخدام.
  • Server-Side Includes (SSI): يمكن استخدام SSI لتضمين محتوى من ملفات أخرى على الخادم.

روابط ذات صلة

استراتيجيات التداول والتحليل

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

Баннер