آموزش تگ iframe در HTML

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

آموزش تگ iframe در HTML

Free-Learn

تگ Iframe در HTML

تگ iframe تگی است که با استفاده از آن میتوان یک فریم ( قاب / پنجره ) را در یک صفحه وب ایجاد ( قرار) داد.

بنده در یک مطلب (پست) جداگانه ، آموزش کار با آی فریم ها یا Iframe را در HTML آموزش دادم، که در صورت تمایل میتوانید این مطلب را از طریق لینک زیر مشاهده/مطالعه نمایید.

برای مشاهده آموزش کار با آی فریم ها در HTML کلیک کنید

Free-Learn

مثال از تگ iframe در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : تنظیم اندازه عرض و ارتفاع تگ آی فریم

امتحان کنید

مثال شماره ۳ : باز شدن لینک های صفحه در درون تگ Iframe

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ iframe در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ iframe در HTML

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

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

(علامت یعنی در HTML5 اضافه شده است)

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

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ iframe از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

معمولا مرورگرها از تگ آی فریم ( Iframe ) پشتیبانی میکنند، ولی خب با این حال ما میتونیم یک متن به دلخواه درون تگ <iframe> قرار بدیم تا اگر مرورگر کاربر از این تگ پشتیبانی نکرد آن متن به کاربر نمایش داده شود.

مثله :


Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ iframe را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn