تگ iframe در HTML
مثال (تگ iframe در HTML)
در مثال زیر، با استفاده از تگ iframe سایت بیاموز را در صفحه جاری نمایش می دهیم:
خودتان امتحان کنید »
تعریف و کاربرد تگ iframe در HTML
از تگ iframe برای نمایش یک صفحه دیگر در صفحه HTML کنونی استفاده می شود.
پشتیبانی مرورگرها از تگ iframe در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <iframe> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: برای مرورگرهایی که تگ <iframe> را پشتیبانی نمی کنند، می توانید یک متن دلخواه بین تگ باز و بسته <iframe> <iframe/> قرار دهید.
نکته: برای استایل دادن به تگ <iframe> از CSS استفاده می کنیم. (حتی اضافه کردن scrollbars)
تفاوت بین HTML 4.01 و HTML5
در HTML5 تعدادی خصوصیت جدید افزوده شده، در حالی که تعدادی از خصوصیت های HTML4.01 حذف شده است.
تفاوت بین HTML و XHTML
در XHTML، خصوصیت name قدیمی شده است و ممکن است در آینده حدف شود. به جای آن می توان از خصوصیت id استفاده کرد.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| align | left right top middle bottom |
در HTML5 پشتیبانی نمی شود. مشخص می کند که <iframe> نسبت به عناصر اطراف چگونه ترازبندی شود. |
| frameborder | 1 0 |
در HTML5 پشتیبانی نمی شود. مشخص می کند که حاشیه اطراف <iframe> نمایش داده شود یا خیر. |
| height | pixels | ارتفاع یک <iframe> را مشخص می کند. |
| longdesc | URL | در HTML5 پشتیبانی نمی شود. صفحه ای که شامل شرح کامل راجع به محتویات <iframe> است را مشخص می کند. |
| marginheight | pixels | در HTML5 پشنیبانی نمی شود. حاشیه بالا وپایین <iframe> را مشخص می کند. |
| marginwidth | pixels |
در HTML5 پشنیبانی نمی شود. |
| ame | text | یک name برای <iframe> مشخص می کند. |
| sandbox | "" allow-forms allow-same-origin allow-scripts allow-top-navigation |
قادر است مجموعه ای از محدودیت های اضافی برای محتویات <iframe> مشخص کند. |
| scrolling | yes no auto |
در HTML5 پشتیبانی نمی شود. مشخص می کند که scrollbar (نوار اسکرول) در یک <iframe> نمایش داده شود یا خیر. |
| seamless | seamless | مشخص می کند که <iframe> باید شبیه آن قسمت از محتویات سند دیده شود. |
| src | URL | آدرس سندی که می خواهیم در <iframe> نمایش دهد. |
| srcdoc | HTML_code | محتویات HTML صفحه ای که باید در <iframe> نمایش داده شود. |
| width | pixels | عرض یک <iframe> را مشخص می کند. |
ویژگی های عمومی تگ iframe در HTML
تگ <iframe> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ iframe در HTML
تگ <iframe> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ iframe در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 14413
دیدگاه‌ها
سلام خسته نباشید در مورد تگ فوق سوالی داشتم اونم اینکه من نمیتونم فلسفه این تگ رو دریافت کنم.
اگر منظور از این تگ اینه که ما در داخل سایتمون تو یه پنجره یه سایت(صفحه) دیگه نشون بدیم چرا وقتی آدرس سایت بیاموز رو به گوگل عوض میکنم سایت گوگل در پنجره باز نمیشه؟
و اگر منظور از این تگ یه چیزه دیگست میشه به صورت زیر دیپلم! توضیح بدین؟
مرسی از سایت خیلی خوبتون
سلام
از تگ iframe برای نمایش یک صفحه HTML دلخواه در صفحه جاری استفاده می شود.
البته بدلیل اینکه محتویات داخل تگ iframe توسط گوگل خزش نمی شود، بهتر است که از آن استفاده نکنید.
پیشنهاد شما چیست؟
اگر هدف شما نمایش یک سایت دیگر در سایت جاری باشد، متأسفانه راه حلی غیر از iframe وجود ندارد.