صفحه اول >> دانستنی ها >>
آموزش تگ iframe در HTML - راهنمای کار با فریم در html
تگ iframe برای نمایش یک سند، صفحه، فایل، تصویر، ویدیو و... در یک صفحه به کار می رود.
تگ iframe برای نمایش یک سند، صفحه، فایل، تصویر، ویدیو و... در یک صفحه به کار می رود.
مثال تگ iframe در HTML
مثال 1:
<iframe src="https://rasanehpardaz.com"></iframe>
مثال 2: تعیین پهنا و ارتفاع آی فریم
<iframe src="https://rasanehpardaz.com" width="500" height="250"></iframe>
مثال 3: نمایش متن در صورت عدم پشتیبانی مرورگر از آی فریم
<iframe src="https://rasanehpardaz.com">
<p>مرورگر شما از آی فریم پشتیبانی نمی کند</p>
</iframe>
<p>مرورگر شما از آی فریم پشتیبانی نمی کند</p>
</iframe>
پشتیبانی مرورگرها
تگ iframe در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| align | left right top middle bottom |
شیوه ترازبندی فریم نسبت به عناصر اطراف را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| frameborder | 1 0 |
نمایش یا عدم نمایش حاشیه اطراف فریم را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| height | pixels | ارتفاع iframe را مشخص می کند. |
| longdesc | URL | صفحه ای که شامل شرح کامل راجع به محتویات iframe است را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| marginheight | pixels | حاشیه های بالا و پایین محتوای iframe را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| marginwidth | pixels | حاشیه های چپ و راست محتوای iframe را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| name | text | نام iframe را مشخص می کند. |
| sandbox | "" allow-forms allow-same-origin allow-scripts allow-top-navigation |
مجموعه ای از محدودیت های اضافی برای محتویات iframe تعیین می کند. |
| scrolling | yes no auto |
مشخص می کند که نوار اسکرول scrollbar در iframe نمایش داده شود یا خیر. این ویژگی در HTML5 پشتیبانی نمی شود. |
| src | URL | آدرس سندی که قرار است در iframe نمایش داده شود را مشخص می کند. |
| srcdoc | HTML_code | محتویات HTML صفحه ای که باید در iframe نمایش داده شود توسط این ویژگی تعیین می شود. |
| width | pixels | عرض iframe را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <iframe> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <iframe> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}
outline: none;
}
iframe[seamless] {
display: block;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.