الدرس التاسع

 

الـ  iframe  :

هو عبارة  عن صفحة ويب يتم عرضها داخل فريم في صفحة اخري  وأيضا يمكن عرض موقع كامل داخل الفريم .

يتم استخدام الوسم <iframe > .

 

<*iframe src="URL"><*/iframe>

 



 

 

مثال :

 

 

<*iframe src="index2.html" height="200px" width="300px"><*/iframe>



 

 

طريقة عرض موقع  داخل فريم :

 

<*iframe src="https://www.google.com"><*/iframe>

 

 

طريقة عرض موقع  داخل فريم باستخدام الخاصية  target  داخل الوسم <*a>

 

<*iframe  name="iframe_a"><*/iframe>

<*p><*a href="https://www.google.com" target="iframe_a">Google.com<*/a><*/p>

 

عند الضغط على  Google.com يفتح موقع قوقل داخل الفريم

 

قد لا يعمل iframe  في بعض المتصفحات والسبب في ذلك يرجع لسياسية الحماية في المتصفحات

 

في متصفح الـ  firefox يجب تنزيل الإضافة التالية :

 

https://addons.mozilla.org/en-US/firefox/addon/ignore-x-frame-options-header/

 

 

مسار الملفات File Path:

 تستخدم مسار الملفات لوصف مكان ملف يتم  استخدامه او عرضه داخل الصفحة  مثل الصور الانتقال الي صفحة أخرى ملفات  css  وملفات جافا اسكربت .

 

امثلة :

 

الوصف

طريقة كتابة المسار

الصورة موجودة مع الصفحة في فولدر واحد

<*img src="picture.jpg">

الصورة موجود في فولدر في نفس مسار الصفحة

<*img src="images/picture.jpg">

ملف الصور موجود في المسار الرئيسي للموقع (root)

<*img src="/images/picture.jpg">

ملف الصور موجود في ملف خارج ملف الصفحة

<*img src="../picture.jpg">