تگ object در HTML

  /  فرانت اند   /  HTML   /  تگ object در HTML

تگ object در HTML همچون ظرفی هست برای نگهداری منابع خارجی در سند ، مثلاً برای نمایش و نگهداری عکس ها ، ویدیو ها یا سایر اسناد استفاده می شود.

مثال

در مثال زیر با استفاده از عنصر object در HTML یک تصویر را به سند اضافه کردیم و برای نمایش قرار دادیم:

<object data="https://www.bubbleslearn.ir/wp-content/uploads/2019/09/matin-boronsi-pc-main.jpg" width="300" height="200"></object>

مثال

در مثال زیر یک صفحه HTML را اضافه کردیم:

<object data="https://bl1.ir/" width="100%" height="300"></object>

مثال

در مثال زیر یک ویدیو را به صفحه اضافه کردیم:

<object data="https://www.bubbleslearn.ir/wp-content/uploads/2020/12/Hack-WiFi-CMD-Aparat.mp4" width="100%" height="300"></object>


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

تگ object در HTML همچون ظرفی هست برای نگهداری منابع خارجی در صفحه وب.

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

تگ های مناسب برای اضافه کردن منابع خارجی

برای اضافه کردن یک تصویر به صفحه بهتر است از تگ <img> استفاده کنید.

برای اضافه کردن یک سند HTML به صفحه بهتر است از تگ <iframe> استفاده کنید.

برای اضافه کردن یک فایل ویدیویی بهتر است از تگ <video> استفاده کنید.

همچنین برای اضافه کردن یک فایل صوتی بهتر است از تگ <audio> استفاده کنید.


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

عنصر
<object>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیحات
dataURLURL منبعی را که قرار است درون عنصر object نمایش داده شود را مشخص می کند
formform_idمشخص میکند که عنصر object متعلق به کدام form هست
heightpixelsارتفاع object را مشخص می کند
namenameیک نام برای object مشخص می کند
typemedia_typeنوع رسانه را برای محتوای صفت data مشخص میکند
typemustmatchtrue/falseمشخص میکند که نوع صفت باید با محتوا برای نمایش مطابقت داشته باشد
usemap#mapnameنام یک نقشه تصویری را مشخص میکند
widthpixelsعرض object را مشخص میکند

خواص عمومی

تگ object از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

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

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

اکثر مرورگر ها عنصر object در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

object:focus {
  outline: none;
}

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر