آموزش تگ object در HTML - راهنمای جاسازی اشیا در html
برای جاسازی اشیائی مانند تصویر، فیلم، صوت، اپلت جاوا، اکتیو ایکس، پی دی اف، فلش، صفحه وب و... درون سند HTML از تگ object استفاده می شود.
برای انتقال پارامترها به پلاگین هایی که با تگ object تعبیه شده اند از تگ param استفاده می شود.
متن بین تگ <object> و </object> برای نمایش متن جایگزین در مرورگرهایی که از این تگ پشتیبانی نمی کنند به کار می رود.
توصیه می شود به جای تگ object برای نمایش تصاویر از تگ img، برای نمایش ویدیو از تگ video، برای پخش صوت از تگ audio و برای نمایش صفحه وب و pdf از تگ iframe استفاده شود.
مثال تگ object در HTML
مثال 1: نمایش تصویر
مثال 2: نمایش صفحه وب
مثال 3: نمایش ویدیو
مثال 4: نمایش فایل pdf
پشتیبانی مرورگرها
تگ object در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
ویژگی | مقدار | توضیحات |
align | top bottom middle left right |
ترازبندی تگ object نسبت به عناصر اطراف را تعیین می کند. این ویژگی در HTML5 پشتیبانی نمی شود.. |
archive | URL | لیستی از آدرس url منابع object را بایگانی می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
border | pixels | اندازه کادر دور object را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
classid | class_ID | برای تعریف یک Class ID دی در رجیستری ویندوز استفاده می شود. این ویژگی در HTML5 پشتیبانی نمی شود. |
codebase | URL | آدرس کد عنصر object را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
codetype | media_type | برای کدی که اشاره به صفت ClassID دارد، نوع رسانه را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
data | URL | آدرس محتوای درون تگ object را مشخص می کند. |
declare | declare | تعیین اینکه تگ object فقط برای معرفی بوده و نیاز به نصب یا ایجاد آن نیست. این ویژگی در HTML5 پشتیبانی نمی شود. |
form | form_id | مشخص می کند که تگ object متعلق به کدام فرم است. |
height | pixels | ارتفاع تگ object را مشخص می کند. |
hspace | pixels | فضای خالی چپ و راست تگ object را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
name | name | نام عنصر object را مشخص می کند. |
standby | text | متنی که هنگام لود شدن object نمایش داده می شود. این ویژگی در HTML5 پشتیبانی نمی شود. |
type | media_type | نوع رسانه محتوای ویژگی data را مشخص می کند. |
usemap | mapname# | نام یک نقشه تصویری را مشخص می کند. |
vspace | pixels | فضای خالی در بالا و پایین تگ object را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
width | pixels | اندازه پهنای عنصر object را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <object> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <object> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
outline: none;
}