تگ <iframe> در HTML🖐

🔹تگ <iframe> در HTML برای نمایش یک سند HTML دیگر یا هر نوع محتوای قابل بارگذاری مانند تصویر، ویدئو، یا PDF در داخل صفحه فعلی استفاده می‌شود. این تگ مانند یک قاب عمل می‌کند که محتوای خارجی را در خود جای می‌دهد.

🔸کاربردهای تگ <iframe>:
1️⃣نمایش صفحات وب : می‌توانید از <iframe> برای نمایش صفحات وب دیگر در سایت خود استفاده کنید. این کار برای نمایش محتوای مرتبط از وب‌سایت‌های دیگر، مانند اخبار، مقالات، یا ویدئوها مفید است.
2️⃣نمایش ویدئو : می‌توانید از <iframe> برای جاسازی ویدئو از وب‌سایت‌های دیگر مانند YouTube یا آپارات و ... استفاده کنید.
3️⃣نمایش تصاویر : می‌توانید از <iframe> برای نمایش تصاویر از وب‌سایت‌های دیگر استفاده کنید.
4️⃣نمایش اسناد PDF : می‌توانید از <iframe> برای نمایش اسناد PDF در داخل صفحه وب خود استفاده کنید.

مثال:

<iframe src="https://www.google.com/" width="600" height="400"></iframe>

این کد یک iframe با عرض 600 پیکسل و ارتفاع 400 پیکسل ایجاد می‌کند که محتوای صفحه وب Google را نمایش می‌دهد.

🔹ویژگی‌های تگ <iframe>:
▪️src:
آدرس URL محتوایی که باید در iframe نمایش داده شود
▪️width:
عرض iframe به پیکسل.
▪️height:
ارتفاع iframe به پیکسل.
▪️scrolling:
مشخص می‌کند که آیا نوار اسکرول در iframe نمایش داده شود یا خیر.
▪️frameborder:
مشخص می‌کند که آیا iframe باید دارای حاشیه باشد یا خیر.
▪️allowfullscreen:
مشخص می‌کند که آیا iframe باید به صورت تمام صفحه نمایش داده شود یا خیر.

⚠️ نکات:
تگ <iframe> میتونه در هر نقطه از صفحه HTML قرار بگیره.
محتوای iframe میتونه سرعت بالا اومدن سایتتون رو پایین بیاره چون باید سایت ها یا فایل های دیگه رو لود کنه.
استفاده از iframe برای نمایش محتوای از وب‌سایت‌های دیگر می‌تونه خطر امنیتی داشته باشه.

#html #iframe
☕️ @CodeExplore