تعریف و کاربرد تگ 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> را مشخص می کند. |