آیفریم ها در HTML

آیفریم برای نمایش یک وب پیج در داخل وب پیج دیگر استفاده می شود.

دستور استفاده از Iframe

آیفریم HTML توسط تگ <iframe> تعریف می شود. دستور نوشتن آن به صورت زیر است:

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

در این دستور خصیصه src آدرس وب پیج (URL) یا صفحه ای را مشخص می کند که بصورت درون خط یا بر خط در داخل آیفریم در سند جاری نمایش می یابد.

تنظیم طول و عرض Iframe در HTML

برای تنظیم ارتفاع و پهنا یا طول و عرض ایفریم در HTML از خصیصه های height و width استفاده می شود و بدینطریق سایز iframe مشخص می گردد.

مقدار این خصیصه ها بصورت پیش فرض در واحد پیکسل تعیین می گردد، اما می توان مقدار آنها را به درصد مشخص کرد (مثلا "80%").

مثال:

<iframe src="/demo_iframe.htm" height="200" width="300"></iframe>

حذف لبه (حاشیه) آیفریم در HTML

بطور پیش فرض آیفریم در HTML دارای یک لبه یا حاشیه (border) است. برای برداشتن این حاشیه، خصیصه style به آن اضافه می شود و از ویژگی border در CSS استفاده می شود. مثال: /p>

<iframe src="/demo_iframe.htm" style="border:none;"></iframe>

با استفاده از استیل شیت (CSS) می توانید سایز، استیل، رنگ لبه های ایفریم را تغییر و سفارشی کنید:

<iframe src="/demo_iframe.htm" style="border:2px solid grey;"></iframe>

استفاده از آیفریم به عنوان تارگت یک لینک

می توان از آیفریم در HTML به عنوان فریم هدف (target frame) برای لینک استفاده کرد.

در این صورت خصیصه target مربوط به لینک بایستی به خصیصه name آیفریم ست شود. مثال:

<iframe src="/demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

تگ مورد استفاده برای iframe در HTML

در HTML برای تعریف کردن آیفریم از تگ <iframe> استفاده می شود. این تگ یک آیفریم درون خط (inline) برای ما در سند HTML ایجاد می کند که می توانیم از آن برای نمایش وب پیج دیگر و یا به عنوان هدف یک لینک استفاده کنیم.

اگر در اجرای این راهنما به مشکل برخورد کردید و سایر سئوالات و پیشنهادات خود را در بخش سئوالات عمومی انجمن پلکسا مطرح نمایید. گروه توسعه وب پلکسا به سئوالات شما پاسخ خواهند داد.

عضویت در خبرنامه پلکسا

در صورت تمایل ایمیل خود را وارد کنید و تازه های پلکسا را از طریق ایمیل دریافت کنید. خبرنامه الکسا هفته نامه بوده و حاوی جدیدترین مطالب و نشریات پلکسا است.

با ما شریک شوید

با ما باشید

قابل توجه وبمسترها

وبمستر گرامی

در صورتی که به دنبال جذب بازدید کننده یا ارتقای رنکینگ سایت خود هستید، پیشنهاد می کنیم پلکسا را یک پست یا مطلب مهمان کنید. همانطور که برای سایت خود مطلب می نویسید، مطلب خود را آماده و کد نویسی کرده و در پلکسا منتشر کنید. پلکسا هیچگونه دخل یا تصرفی در پست شما نخواهد داشت.