برچسب <iframe> HTML

  • صفحه قبل <i>
  • صفحه بعدی <img>

تعریف و استفاده

<iframe> برچسب برای تعریف فریم درون‌ریز (فریم درون‌ریز) است.

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

توضیح:لطفاً از CSS برای تنظیم <iframe> استایل‌ها (لطفاً به مثال زیر مراجعه کنید).

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

لطفاً به:

آموزش HTML:Iframe HTML

دستورالعمل HTML DOM:شیء IFrame

مثال

مثال 1

برچسب فریم درون‌ریز به شرح زیر است:

<iframe src="https://www.codew3c.com" title="CodeW3C.com در آموزش آنلاین"></iframe>

پس از آن امتحان کنید

مثال 2

افزودن و حذف لبه‌های iframe (با استفاده از CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

پس از آن امتحان کنید

خصوصیات

خصوصیات مقدار توضیحات
allow محدودیت‌های استراتژی‌های عملکرد <iframe>.
allowfullscreen
  • true
  • false
 اگر iframe می‌تواند با فراخوانی روش requestFullscreen() به حالت تمام‌صفحه فعال شود، تنظیم به true.
allowpaymentrequest
  • true
  • false
 اگر مجاز به فراخوانی Payment Request API برای iframe‌های با منبع متقارن باشد، تنظیم به true.
ارتفاع پیکسل محدودیت‌های ارتفاع <iframe>. ارتفاع پیش‌فرض 150 پیکسل است.
loading
  • eager
  • lazy
 محدودیت‌های بارگذاری سریع iframe توسط مرورگر، یا به تعویق انداختن بارگذاری iframe تا زمانی که شرایط خاصی برآورده شود.
name نام محدودیت‌های نام <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 محدودیت‌های محتوای HTML صفحه‌ای که باید در <iframe> نمایش داده شود.
عرض پیکسل محدودیت‌های عرض <iframe>. عرض پیش‌فرض 300 پیکسل است.

خصوصیات کلی

<iframe> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد در HTML

<iframe> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.

تنظیمات CSS پیش‌فرض

بیشتر مرورگرها از ارزش‌های پیش‌فرض زیر برای نمایش استفاده می‌کنند <iframe> عنصر:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی
  • صفحه قبل <i>
  • صفحه بعدی <img>