HTML <iframe> کا تگ

  • پچھلے پہلہ <i>
  • آئندہ پہلہ <img>

پیشنهاد درسی:

<iframe> تعریف و استفاده از

برچسب تعریف فریم کاری (فریم درون‌محلی) است.

استایل (لطفاً به مثال زیر مراجعه کنید).استفاده کنید فریم کاری برای جایگذاری یک مستند دیگر در مستند HTML فعلی است. <iframe> CSS را برای تنظیم

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

لطفاً به:

آموزش HTML:HTML Iframe

دستورالعمل DOM HTML:شیء 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 تنظیم کنید.
height پیکسل ارتفاع <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> نمایش داده شود را تعیین کنید.
width پیکسل قطر <iframe> را تعیین کنید. قطر پیش‌فرض 300 پیکسل است.

عوامل کلان

<iframe> 标签还支持 HTML 中的全局属性。

事件属性

<iframe> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <iframe> عنصر:

iframe:focus {
  کامروا نہ کریں: نہیں
}
iframe[seamless] {
  نمائش: بلک
}

بrowsر سپورٹ

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
مقابلت مقابلت مقابلت مقابلت مقابلت
  • پچھلے پہلہ <i>
  • آئندہ پہلہ <img>