آموزش تگ iframe در HTML

10 شهریور 1401
ارسال شده توسط
آموزش html css
آموزش تگ 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+وردپرس پوش

 

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

تگ 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 در این موارد بسیار مهارت پیدا کنید.

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید