آموزش تگ iframe در HTML

آموزش تگ iframe در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ iframe در HTML به صورت کامل آشنا بشید.
تگ Iframe در HTML
تگ iframe
تگی است با استفاده از اون میتونیم به راحتی یک سایت یا یک فایل یا یک تصویر و یا کلا میتوان یک صفحه وب را داخل یک صفحه ی وب دیگر قرار داد.
قرار دادن یک وبسایت درون تگ آی فریم بدون اطلاع دادن به صاحب سایت، از نظر اخلاقی اصلا کار درستی نیست ، پس لطفا از قرار دادن سایت های دیگران در داخل تگ آی فریم بدون اطلاع و اجازه کتبی از صاحبش اجتناب کنید.
بعضی از سایت ها مانند سایت گوگل و.. رو نمیشه داخل آی فریم قرار داد، بدلیل اینکه این سایت ها خودشون کاری کردن که نشه درون آی فریم قرارشون داد، و عملا ما در این موارد کاری نمیتونیم بکنیم.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال از تگ iframe در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
<body> <iframe src="https://wppush.ir/"></iframe> </body>
مثال شماره دو : مشخص کردن اندازه عرض و ارتفاع آی فریم
<body> <iframe src="https://wppush.ir/" width="500" height="250"></iframe> </body>
در مثال شماره سه : باز شدن لینک های صفحه در درون تگ Iframe
<body> <iframe src="#" name="wppush"></iframe> <p> <a href="" target="wppush">آموزش اچ تی ام ال</a> </p> </body>
و مثال شماره چهار : تمام صفحه کردن آی فریم
<style> body{ margin:0; overflow:hidden; } iframe{ border:none; width:100vw; height:100vh; } </style>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ iframe
در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ iframe در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ iframe
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- غالبا مرورگرها از تگ آی فریم ( Iframe ) پشتیبانی می کنند، اما خب با این حال ما میتونیم یک متن رو به دلخواه درون تگ IFrame قرار بدیم تا اگر بنا به دلایلی مرورگر کاربر از این تگ پشتیبانی نکرد آن متن به کاربر نمایش داده شود.
مثال :
<iframe src="https://wppush.ir/"> <p>مرورگر شما از آی فریم پشتیبانی نمیکند</p> </iframe>
دستورات CSS پیش فرض
در اکثر مواقع مرورگرها تگ iframe
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
iframe:focus { outline: none; } iframe[seamless] { display: block; }
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید