HTML Iframes
19 خرداد 1404
ارسال شده توسط سمیرا خانی
10 بازدید

HTML <iframe>
Element (فریم یا قاب در HTML)
عنصر <iframe>
به شما اجازه میدهد یک صفحه وب دیگر را درون صفحه فعلی به صورت یک قاب (فریم) نمایش دهید.
ساختار پایه:
<iframe src=“آدرس_صفحه_هدف” width=“عرض” height=“ارتفاع”></iframe>
مثال ساده:
<!DOCTYPE html>
<html>
<head>
<title>مثال iframe</title>
</head>
<body>
<h2>نمایش یک صفحه درون iframe</h2>
<iframe
src=“https://www.example.com”
width=“600”
height=“400”
style=“border:1px solid black;”>
</iframe>
</body>
</html>
توضیحات مهم:
-
src
: آدرس صفحهای که میخواهید داخل iframe نمایش داده شود. -
width
وheight
: عرض و ارتفاع قاب را مشخص میکنند (میتوانید به صورت پیکسل یا درصد بنویسید). -
به صورت پیشفرض،
<iframe>
یک قاب جدا دارد که میتواند شامل اسکرول بار هم باشد. -
میتوانید با CSS استایلها را روی آن اعمال کنید (مثلاً حذف حاشیه با
border:none;
).
کاربردهای متداول:
-
نمایش ویدیو از سایتهای دیگر (مثلاً YouTube)
-
نمایش نقشهها (Google Maps)
-
قرار دادن فرمها یا صفحات خارجی در سایت خود
نکته امنیتی:
برخی سایتها اجازه نمایش صفحهشان داخل iframe را نمیدهند (با تنظیمات امنیتی مثل X-Frame-Options
یا Content-Security-Policy
).
دیدگاهتان را بنویسید