برچسب <object> HTML
- صفحه قبلی <noscript>
- صفحه بعدی <ol>
تعریف و استفاده
<object> تگ تعریف‌کننده حاوی منابع خارجی است.
منابع خارجی می‌توانند صفحه‌های وب، تصاویر، پخش‌کننده‌های رسانه‌ای یا برنامه‌های پلاگین باشند.
برای تعبیه تصویر، بهترین گزینه استفاده از تگ <img> است.
برای تعبیه HTML، بهترین گزینه استفاده از تگ <iframe> است.
برای تعبیه ویدئو یا صدا، بهترین گزینه استفاده از <video> و <audio> تگ‌ها
لطفاً به:
آموزش HTML:عنصر HTML Object
دستورالعمل HTML DOM:شیء Object
پلاگین
<object> تگ‌ها در ابتدا برای تعبیه پلاگین‌های مرورگر طراحی شده‌اند.
پلاگین‌ها برنامه‌های کامپیوتری هستند که برای گسترش ویژگی‌های استاندارد مرورگرها طراحی شده‌اند.
پلاگین‌ها دارای کاربردهای مختلفی دارند:
- اجرای برنامه‌های کوچک Java
- اجرای کنترل ActiveX
- نمایش ویدئو Flash
- نمایش نقشه
- سکن ویروس
- بررسی شناسه بانک
اخطار!
بسیاری از مرورگرها دیگر از برنامه‌های کوچک Java و پلاگین‌ها پشتیبانی نمی‌کنند.
هیچ مرورگری از ActiveX کنترل‌ها دیگر پشتیبانی نمی‌کند.
بسیاری از مرورگرهای مدرن از پشتیبانی از Shockwave Flash دست کشیده‌اند.
مثال
مثال 1
تصویر تعبیه شده:
<object data="tulip.jpg" width="300" height="300"></object>
مثال 2
صفحه وب تعبیه شده:
<object data="/index.html" width="500" height="300"></object>
مثال 3
ویدئو تعبیه شده:
<object data="shanghai.mp4" width="640" height="300"></object>
ویژگی
| ویژگی | مقدار | توضیح |
|---|---|---|
| data | URL | تعیین URL منابعی که باید توسط شیء استفاده شود. |
| form | id فرم | تعیین فرم متعلق به شیء. |
| height | پیکسل | تعیین ارتفاع شیء. |
| name | نام | تعیین نام شیء. |
| type | نوع رسانه | تعیین نوع رسانه‌ای که داده‌های مشخص شده در ویژگی data تعیین می‌کند. |
| typemustmatch | true/false | تعیین می‌کند که آیا باید نوع ویژگی با محتوای واقعی منبع هماهنگ باشد تا نمایش داده شود. |
| usemap | #mapname | نام تصویر مشتری که باید با آن استفاده شود. |
| width | پیکسل | عرض اجسام را مشخص می‌کند. |
ویژگی‌های جهانی
<object> این برچسب‌ها همچنین از ویژگی‌های جهانی در HTML.
ویژگی‌های رویداد
<object> این برچسب‌ها همچنین از ویژگی‌های رویداد در HTML.
تنظیمات CSS پیش‌فرض
بیشتر مرورگرها از ارزش‌های پیش‌فرض زیر برای نمایش عنصر <object> استفاده می‌کنند:
object:focus {
outline: none;
}
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی <noscript>
- صفحه بعدی <ol>
