عنصر iframe و کاربرد آن در HTML

عنصر iframe و کاربرد آن در HTML

برچسب iframe فریم های درون خطی را مشخص می کند. فریم های درون خطی برای جاسازی سندی دیگر در سند HTML فعلی استفاده می شود. عنصر iframe یا عنصر فریم های درون خطی HTML ، به طور موثر یک صفحه HTML دیگر در صفحه جاری تعبیه میکند.

مثال ۱:

 

تفاوت بین HTML 4.01 وHTML5

در HTML5 خاصیت های جدید اضافه شده و چندین خاصیت HTML 4.01 نیز از HTML5 حذف شده است.

تفاوت بین HTML و XHTML

در XHTML، خاصیت name قدیمی شده و حذف خواهد شد. به جای آن از خاصیت id استفاده کنید.

عنصر iframe و کاربرد آن در HTML

عنصر iframe و کاربرد آن در HTML

عنصر iframe و کاربرد آن در HTML

خاصیت ها

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

خاصیت ویژه عنصر

خاصیت عمومی

خاصیت رویداد

خاصیت ویژه عنصر

خاصیت مقدار شرح
align left
right
top
middle
bottom
در HTML5 پشتیبانی نمیشود
چیدمان  iframe را با توجه به عناصر اطراف آن مشخص میکند
frameborder ۱
۰
در HTML5 پشتیبانی نمیشود
مقدار ۱ (مقدار پیش فرض) به مرورگر می گوید که  بین این قاب و هر قاب دیگر یک مرز تعیین کنید . اما مقدار ۰ به مرورگر می گوید که بین این فریم و فریم های دیگر  مرزی وجود نداشته باشد
height pixels ارتفاع  iframe را تعیین میکند
longdesc URL در HTML5 پشتیبانی نمیشودصفحه ای که حاوی توضیحاتی از محتوای  iframe است را مشخص میکند
marginheight pixels در HTML5 پشتیبانی نمیشود
حاشیه بالا و پایین محتوای  iframe را تعیین میکند
marginwidth pixels در HTML5 پشتیبانی نمیشود
حاشیه چپ و راست محتوای  iframe را  تعیین میکند
name text نام IFRAME را تعیین میکند
sandbox جدید “”
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
مجموعه محدودیت های بیشتری را برای محتوای  iframe فعال میکند
scrolling yes
no
auto
در HTML5 پشتیبانی نمیشود
مشخص میکند که اسکرول بار در iframe نشان داده شود یا خیر
seamless جدید seamless مشخص می کند که  iframe باید مانند بخشی از سندِ در برگیرنده آن به نظر برسد.
src URL آدرس سندی که در  iframe قرار میگرد را  مشخص میکند
srcdoc  جدید HTML_code محتوای  iframe صفحه را برای نمایش در  iframe مشخص میکند
width pixels عرض  iframe را تعیین میکند

 

خاصیت های عمومی

برچسب iframe  از خاصیت های عمومی HTML پشتیبانی میکند

accesskey hidden itemtype
class id lang
contenteditable inert spellcheck
contextmenu itemid style
dir itemprop tabindex
draggable itemref title
dropzone itemscope translate

خاصیت های رویداد

برچسب iframe  از خاصیت های رویداد در HTML نیز پشتیبانی میکند.

onabort onended onmousewheel
oncancel onerror onpause
onblur onfocus onplay
oncanplay onformchange onplaying
oncanplaythrough onforminput onprogress
onchange oninput onratechange
onclick oninvalid onreadystatechange
oncontextmenu onkeydown onscroll
ondblclick onkeypress onseeked
ondrag onkeyup onseeking
ondragend onload onselect
ondragenter onloadeddata onshow
ondragexit onloadedmetadata onstalled
ondragleave onloadstart onsubmit
ondragover onmousedown onsuspend
ondragstart onmousemove ontimeupdate
ondrop onmouseout onvolumechange
ondurationchange onmouseover onwaiting
onemptied onmouseup

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

برچسب iframe  در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

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

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

پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *