تگ iframe در HTML

نوشته شده توسط: متین برونسی

تاریخ انتشار: 7 خرداد 1400

تاریخ بروزرسانی: 11 خرداد 1400

تعداد بازدید: 105

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

<iframe src="https://www.bubbleslearn.ir/" width=100% height=500></iframe>

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

نکته: همیشه از خاصیت title در تگ <iframe> استفاده کنید ، از این خاصیت می توان برای خواندن محتوای درون عنصر <iframe> استفاده کرد.

عنصر
`<iframe>`	بله	بله	بله	بله	بله

خاصیت	مقدار	توضیح
height	pixels	ارتفاع `<iframe>` را مشخص می کند ، ارتفاع پیش فرض 150 پیکسل است
loading	eager lazy	مشخص می کند که آیا یک مرورگر باید بلافاصله `<iframe>` را بارگیری کند یا تا زمان تحقق برخی شرایط ، بارگذاری `iframe` را به تعویق بیندازد
name	text	نام `<iframe>` را مشخص می کند
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url	مشخص می کند که کدام اطلاعات ارجاع دهنده هنگام واکشی iframe ارسال شود
sandbox	allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	مجموعه محدودیتهای اضافی را برای محتوا در `<iframe>` فعال می کند
src	URL	آدرس سندی را برای جاسازی در `<iframe>` مشخص می کند
srcdoc	HTML_code	محتوای HTML صفحه را برای نمایش در `<iframe>` مشخص می کند
width	pixels	عرض `<iframe>` را مشخص می کند ، عرض پیش فرض 300 پیکسل است

تگ iframe از خواص عمومی در HTML پشتیبانی میکند.

تگ iframe از رویداد های عمومی در HTML پشتیبانی میکند.

اکثر مرورگر ها عنصر iframe در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}