برچسب <object> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
یک object تعبیه شده را تعریف می‌کند
معرفی شده در نسخهٔ:۴
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک تصویر جاسازی شده:

<object data="pic_trulli.jpg" width="300" height="200"></object>


مثال

یک صفحهٔ اچ‌تی‌ام‌ال جاسازی شده:

<object data="snippet.html" width="500" height="200"></object>


مثال

یک ویدیوی جاسازی‌شده:

<object data="video.mp4" width="400" height="300"></object>


تعریف و کاربرد

برچسب <object> یک محفظه برای یک منبع خارجی تعریف می‌کند.[۱]

منبع خارجی می‌تواند یک صفحه وب، یک عکس، یک مدیا پلیر، یا یک اپلیکیشن پلاگین باشد.

برای جاسازی یک عکس، بهتر است از برچسب <img> استفاده شود.

برای جاسازی یک اچ‌تی‌ام‌ال، بهتر است از برچسب <iframe> استفاده شود.

برای جاسازی ویدیو یا صدا، بهتر است از برچسب‌های <video> و <audio> استفاده شود.

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<object> بله بله بله بله بله

پلاگین‌ها

برچسب <object> در اصل برای جاسازی پلاگین‌های مرورگرها طراحی شده بود.

پلاگین‌ها برنامه‌هایی رایانه‌ای هستند که عملکرد استاندارد مرورگر را گسترش می‌دهند.

از پلاگین‌ها برای اهداف مختلف بسیاری استفاده شده‌است:

  • اجرای اپلت‌های جاوا
  • اجرای کنترل‌های ActiveX
  • نمایش فیلم‌های فلش
  • نمایش نقشه‌ها
  • اسکن برای ویروس‌ها
  • تأیید یک شناسهٔ بانکی

هشدار!

بیشتر مرورگرها دیگر از اپلت‌های جاوا و پلاگین‌ها پشتیبانی نمی‌کنند.

کنترل‌های ActiveX دیگر در هیچ مرورگری پشتیبانی نمی‌شود.

پشتیبانی از Shockwave Flash نیز در مرورگرهای مدرن خاموش شده‌است.

نکات و ملاحظات

هر متنی بین <object> و </object> برای مرورگرهایی که از اشیای جاسازی‌شده پشتیبانی نمی‌کنند، یک متن جایگزین است (یعنی اگر object بارگذاری نشود آن متن نشان داده خواهد شد).

ویژگی‌ها

ویژگی مقدار شرح
data URL URL منبعی را مشخص می‌کند که توسط object استفاده می‌شود
form form_id مشخص می‌کند که object به کدام فرم تعلق دارد
height pixels ارتفاع object را مشخص می‌کند
name name یک نام برای object مشخص می‌کند
type media_type نوع رسانه‌ای را مشخص می‌کند که داده در ویژگی داده (data attribute) مشخص کرده‌است
usemap #mapname نام تصویر نقشهٔ سمت مشتری (کلاینت) را مشخص می‌کند که قرار است با object استفاده شود
width pixels پهنای object را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <object> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <object> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: عنصر Object در اچ‌تی‌ام‌ال (HTML Object Element)

مرجع DOM اچ‌تی‌ام‌ال: شیء Object (Object Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <object> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

object:focus {
  outline: none;
}


منابع آموزشی