آموزش HTML - بخش چهاردهم: نمایش کامل یک سایت در صفحه با المان iFrame

یکی از مهم‌ترین قابلیت‌هایی که این تگ برای سایت‌ها همراه می‌آورد آنجاست که می‌توانید برخی سرویس‌های موجود در سایت‌های دیگر را در سایت خود مورد استفاده قرار دهید. مثلا فرض کنید ما می‌خواهیم سرویس چت آنلاین یک سایت دیگر را در بخشی از سایت خود وارد کنیم. به این کار اصطلاحا embed کردن می‌گویند. برای این کار تنها کافی است لینک صفحه سرویس مدنظر را در آی فریم وارد کنیم. 

قانون کلی برای نوشتن ای فریم بدین گونه است.

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

در اول این تگ, یک اتریبیوت به‌نام Src وجود دارد. در داخل این اتریبیوت ما لینک صفحه‌ای که قصد نمایش یا embed کردن آن را داریم, وارد می‌کنیم. 

بعد از آن دیگر نیازی به هیچ کاری نیست و تگ را می‌بندیم. بدین ترتیب صفحه یا سرویس مدنظر شما در صفحه جدید به نمایش در خواهد آمد. 

بهتر است برای کنترل بهتر روی این المان, از اتریبیوت استایل برای آن استفاده کنید و طول و عرض آن را به دلخواه تعیین کنید. برای این کار بعد از اتریبیوت src, از اتریبیوت style استفاده می‌کنیم. 

<iframe  src="آدرس سایت مقصد"  style=""></iframe>

حالا در اتریبیوت استایل, طول وعرض مدنظر را وارد می‌‎کنیم.برای مثال ما طول و عرض ۱۰۰ پیکسل را برای صفحه‌ی مورد نظرمان برگزیده‌ایم.

iframe  src="آدرس سایت مقصد"  style=" width: 100px;  height: 100px;"></iframe>

امیدواریم که این بار هم این آموزش، موفق به جلب رضایتتان شده باشد. تجربیات، پیشنهاد‌ها و نظرات شما بدون شک در ادامه‌ی این مقالات آموزشی تأثیر بسزایی خواهد داشت. پس لطفا با ما در ارتباط باشید.