آموزش اچ تی ام ال HTML

المان iframe برای جایگذاری محتوای یک صفحه HTML درون یک صفحه دیگر استفاده میشود. هر محتوای جایگذاری شده (embedded browsing context) session و document خود را دارند.

مطالعه بیشتر: محتوای قابل مرور یا browsing context

مثال

 
<iframe id="inlineFrameExample"
 title="Inline Frame Example"
 width="300"
 height="200"
 src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&amp;layer=mapnik"
</iframe>
 

اتریبیوت ها

این المان از اتریبیوت های جهانی استفاده میکنند.

allow

قوانین ویژگی را برای iframe مشخص میکند.

height

ارتفاع فریم را در فورمت پیکسل مشخص میکند. مقدار پیش فرض 150 است.

name

نامی که برای محتوای جایگذاری شده استفاده میشود.

referrerpolicy

مشخص میکند در زمان fetch شدن منابع فریم کدام ارجاع دهنده ارسال شود.

• no-referrer: هدر ارجاع دهنده ارسال نخواهد شد.
• no-referrer-when-downgrade(پیش فرض): هدر ارجاع دهنده بدون TLS (HTTPS) به منشاء محتوای وب ارسال نخواهد شد.
• origin: ارجاع دهنده ارسال شده به منشاء محتوای وب صفحه ارجاع شده محدود خواهد شد: به اسکیما، هاست، و پورت
• origin-when-cross-origin: ارسال ارجاع دهنده به دیگر منشاء ها به اسکیم، هاست، و پورت محدود میشود. نویگیشن های منشاء یکسان هنوز شامل مسیر نیز خواهد بود.
• same-origin: ارجاع دهنده برای منشاء یکسان ارسال میشود، اما درخواست های cross-origin شامل اطلاعات بدون ارجاع دهنده می باشد.
• strict-originتنها منشاء سند را بعنوان ارجاع دهنده ارسال میکند. تنها زمانی منشاء ارسال خواهد شد که سطح امنیت پروتکل یکسان است (HTTPS->HTTPS)، اما به مقصد کمتر امن ارسال نمیکند (HTTPS-.HTTP).
• strict-origin-when-cross-origin: زمانی که درخواست منشاء مشابه اجرا میشود URL کامل ارسال میشود. تنها زمانی منشاء ارسال خواهد شد که سطح امنیت پروتکل یکسان است (HTTPS->HTTPS)، اما به مقصد کمتر امن ارسال نمیکند (HTTPS-.HTTP).
• unsafe-url: ارجاع دهنده شامل منشاء و مسیر است (اما شامل fragment، پسوورد، یا نام کاربری نیست). این مقدار ناامن است، زیرا منشاء ها و مسیرها را از منابع TLS محافظت شده به منشاء های ناامن نشت میکند.

مطالعه بیشتر: منشاء محتوای وب

src

URL صفحه ای که جایگذاری میشود.

srcdoc

HTML اینلاینی که جایگذاری میشود، اتریبیوت src را اورراید میکند. اگر مرورگر اتریبیوت srcdoc را پشتبانی نکند، URL موجود در اتریبیوت src را نمایش میدهد.

width

عرض فریم را در فورمت پیکسل مشخص میکند. مقدار پیش فرض 300 است.

 نکاتی که باید در ذهن داشته باشید

• برای کاربرانی که با فناوری های کمکی مانند اسکرین ریدر از وب سایت بازدید میکنند، اتریبیوت title یک iframe مانند برچسب عمل میکند. مقدار title باید طوری نوشته شود که محتوای جایگذاری شده را توضیح دهد. بدون title، کاربران مجبور هستند تا iframe را باز کنند. اینکار باعث میشود تا نویگیشن رای آنها سخت شود مخصوصا اگر صفحه چندین iframe داشته باشد و یا محتوای آن شامل ویدئو و آدیو باشد.

مطالعه بیشتر: اتریبیوت های زبان HTML