آموزش HTML - آی فریم

iframe (مخفف عبارت inline frame) یک تگ HTML است که به شما امکان می دهد سند HTML دیگری را در سند فعلی جاسازی کنید. این تگ زمانی مفید است که می‌خواهید محتوای وب‌سایت دیگری مانند نقشه، ویدیو یا پست رسانه‌های اجتماعی را بدون نیاز به هدایت کاربر از وب‌سایت خود نمایش دهید.

در اینجا نحوه استفاده از iframe در HTML آمده است:

با باز کردن یک تگ HTML و ایجاد یک سند جدید در داخل آن شروع کنید. شما می توانید این کار را با تگ <iframe> انجام دهید، مانند این:

<iframe src="http://www.example.com"></iframe>

این یک iframe ایجاد می کند که محتوای صفحه وب واقع در http://www.example.com را نشان می دهد.

همچنین می توانید ابعاد iframe را با استفاده از ویژگی های عرض و ارتفاع مشخص کنید. مثلا:

<iframe src="http://www.example.com" width="500" height="400"></iframe>

این یک آی فریم با عرض 500 پیکسل و ارتفاع 400 پیکسل ایجاد می کند.

همچنین می توانید از ویژگی frameborder برای افزودن یا حذف حاشیه اطراف iframe استفاده کنید. مثلا:

<iframe src="http://www.example.com" width="500" height="400" frameborder="0"></iframe>

این یک iframe بدون حاشیه ایجاد می کند.

علاوه بر این، می توانید از ویژگی allowfullscreen استفاده کنید تا به محتوای داخل iframe اجازه دهید در حالت تمام صفحه نمایش داده شود. مثلا:

<iframe src="http://www.example.com" width="500" height="400" allowfullscreen></iframe>

در نهایت، می‌توانید هر ویژگی یا سبک دیگری را مانند هر عنصر HTML دیگر به iframe اضافه کنید.

شایان ذکر است که جاسازی محتوای یک وب سایت دیگر با استفاده از iframe گاهی اوقات می تواند به عنوان یک خطر امنیتی تلقی شود، زیرا به محتوای تعبیه شده اجازه می دهد تا اسکریپت ها را در وب سایت شما اجرا کند. مهم است که مطمئن شوید به منبع محتوا اعتماد دارید و اقدامات امنیتی مناسب برای محافظت از وب سایت و کاربران خود انجام می دهید.