آموزش HTML – تگ object

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/13 | بخش : آموزش HTML

تعریف و کاربرد تگ object در HTML

تگ object که در لغت به معنای [ شی ٔ ] می باشد، تگی است که با استفاده از آن می توان یک شی را درون یک صفحه وب قرار داد.

خب حالا مثلا چه چیزایی رو میشه با استفاده از این تگ در یک صفحه وب جاسازی کرد!؟ فایل صوتی ، ویدئویی ، فایل های PDF ، فایل های فلش و حتی صفحات وب دیگر را می توان با استفاده از این تگ درون یک صفحه وب دیگر قرار داد.

  • تگ <object> یک شیء جاسازی شده در یک سند HTML را تعریف می کند. از این عنصر به عنوان جاسازی عناصر چند رسانه ای (مانند صوت، تصویر، اپلتهای جاوا، اکتیو ایکس، PDF، و فلش) در صفحه وب خود استفاده کنید.
  • شما همچنین می توانید از تگ <object> برای جاسازی صفحه وب دیگر، به سند HTML خود استفاده کنید.
  • شما می توانید از تگ <param> برای تصویب پلاگین هایی که به وسیله تگ <object> جاساز شده اند استفاده کنید.

 

نکته ها و ترفندها

  • یک تگ <object> باید داخل تگ <body> قرار گیرد. متن موجود بین دو تگ <object> و </object> متنی جایگزین، برای مرورگر هایی که این تگ را پشتیبانی نمی کنند.
  • برای تصاویر به جای تگ <object> از تگ <img> استفاده می کنیم.
  • حداقل یکی از خصوصیات “data” یا “type” باید تعریف شود.

 

تفاوت بین HTML 4.01 و HTML5

  • بعضی از خصوصیت ها موجود در HTML 4.01، در HTML5 پشتیبانی نمی شود.
  • خصوصیت “form” در HTML5 جدید است.
  • در HTML5، عناصر object را در داخل فرم ها می توان درج و استفاده کرد.
  • در HTML5، عنصر objects دیگر نمی تواند داخل عنصر <head> از یک سند قرار گیرد.

 

مثال از تگ object در HTML

 

مثال شماره ۱ : نمایش فایل PDF در صفحه وب

<object width="500" height="300" data="files/test-object.pdf"></object>

 

مثال شماره ۲ : نمایش فایل فلش (swf) در صفحه وب

<object width="600" height="100" data="files/test-object.swf"></object>

 

مثال شماره ۳ : نمایش یک صفحه HTML درون یک صفحه وب دیگر

<object width="500" height="300" data="files/test-object.html"></object>

 

مثال شماره ۴ : نمایش یک فایل تصویر (عکس) درون صفحه وب

<object width="500" height="300" data="files/test-object.jpg"></object>

 

 

پشتیبانی مرورگرها از تگ object در HTML

Element
<object> بله بله بله بله بله

 

جدول صفات تگ object در HTML

نام صفت  مقدار توضیح
align top
bottom
middle
left
right
تراز محتوای تگ <object> را مشخص می کند.
archive URL برای مشخص کردن یک لیست آدرس از آرشیو/منبع های تگ <object>
border pixels برای مشخص کردن اندازه خط دور لبه ی تگ <object>
classid class_ID برای تعریف/قرار دادن یک کلاس آی دی در رجیستری ویندوز.
codebase URL مشخص می کند که کجا باید به دنبال کد برای تگ <object> بگردد.
codetype media_type نوع رسانه را برای کدی که توسط صفت ClassID مشخص شده است را مشخص می کند.
data URL یک آدرس/مسیر از محتوایی که قرار است درون تگ <object> نمایش داده شود.
declare declare مشخص می کند که تگ <object> فقط برای معرفی می باشد و نیازی به نصب یا ایجاد آن نیست.
form form_id مشخص می کند که تگ <object> متعلق به ۱ یا چند فرم می باشد.
height pixels اندازه ارتفاع تگ <object> را مشخص می کند.
hspace pixels میزان فضای خالی (سفید) را از سمت راست و چپ تگ <object> مشخص می کند.
name name یک نام را برای تگ <object> مشخص می کند.
standby text یک متن را به دلخواه برای زمانی که شی در حال بارگذاری می باشد را مشخص می کند.
type media_type نوع رسانه را برای محتوای صفت data مشخص می کند
usemap mapname# نام یک نقشه تصویری را مشخص می کند.(برای ایجاد نقشه تصویری)
vspace pixels میزان فضای خالی (سفید) را از سمت بالا و پایین تگ <object> مشخص می کند.
width pixels اندازه عرض تگ <object> را مشخص می کند.