توی این جلسه از آموزش HTML میخوایم بیایم بررسی کنیم که اگه ما خواستیم یه کد رو از سایت دیگه بیاریم بذاریم توی صفحه امون چیکار کنیم !؟ از قابلیت تگ iframe استفاده میکنیم و فقط کافیه لینک بدیم بهش . اون هم از نوع ویژگی src که میشه همون source . تگ iframe زحمت میکشه میره برای ما اون صفحه رو لود میکنه و میاره به کاربر ما نشون میده !
دقت کنید که این کار نمیره یه تیکه از صفحه رو نشون بده و کل صفحه رو لود میکنه که در لینک مبدا وجود داره و کل اون صفحه رو روی سایت شما نشون میده ! خطراتی هم داره استفاده از این تگ . اون هم اینه که اگه توی اون سایت کد مخربی وجود داشته باشه سایت شما هم داره همون کدهای مخرب رو نشون میده و سلامت سایت رو میاره پایین . ولی خیلی جاها هم کاربردهای خوبی داره. استفاده از ویدیو های یوتیوب و آپارات و کدهای دیگه توی وب ساتتون هستش که در مبدا جوری تنظیم شده که کل صصفحه فقط المان هایی باشه که تداخلی توی سایت شما نداشته باشه ! برای نوشتن این تگ باید دقیقا طبق مثال زیر عمل کنیم :
<iframe src="url" title="description"></iframe>
یه سوالی پیش میاد که این صفحه میتونه عرض و ارتفاع مشخصی داشته باشه !؟ چون اگه بخواد ابعاد سایت اصلی رو لود کنه که خیلی بزرگ میشه ! جواب بله هست . دو تا ویژگی داریم که میذاریم توی iframe تا بهش بگیم توی این ابعاد لود شو که سایتمون رو خراب نکنی از نظر ظاهر ! دو تا ویژگی آشنا width و height رو استفاده میکنیم و هر دو تا رو فقط باید عدد بزنیم اون هم به پیکسل !
<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>
یه ترفند بهتون یاد بدیم !؟ میتونیم یکم شیطنت کنیم و به جای عرض بدون واحد مثلا پیکسل بیایم به درصد بنویسیم 100% . اون وقت iframe هر چقدر توی صفحه و یا المان مجموعه بالاترش جا داشته باشه لود میشه و به کاربر نمایش داده میشه .
