آموزش و يادگيري تگ iframe در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <iframe> آشنا مي‌شويم. اين تگ براي قرار دادن يک صفحه وب ديگر داخل صفحه فعلي استفاده مي‌شود و معمولاً براي نمايش ويدئو، نقشه يا محتواي خارجي کاربرد دارد.

تگ iframe در HTML چيست؟

تگ <iframe> يک قاب (frame) در صفحه ايجاد مي‌کند که مي‌تواند محتواي يک URL ديگر را نمايش دهد. اين تگ براي نمايش ويدئوهاي يوتيوب، نقشه‌هاي گوگل يا صفحات داخلي و خارجي استفاده مي‌شود.

مثال ساده از تگ iframe

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

در اين مثال، صفحه example.com داخل يک قاب 600x400 پيکسل نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ iframe

مثال با استايل CSS

<style>
  iframe {
    border: 2px solid #2196f3;
    border-radius: 8px;
  }
</style>

<iframe src="https://www.example.com" width="600" height="400" title="صفحه نمونه"></iframe>

نکات مهم درباره iframe

• براي امنيت و جلوگيري از مشکلات Clickjacking بهتر است از ويژگي sandbox استفاده کنيد.
• هميشه از ويژگي title براي دسترسي بهتر استفاده کنيد.
• iframe مي‌تواند باعث کاهش سرعت بارگذاري صفحه شود؛ بنابراين از تعداد زياد آن پرهيز کنيد.

براي يادگيري کامل نحوه استفاده از iframe و نمايش محتواي خارجي در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.