تگ object در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ object در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ object چیست؟

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

به طور خلاصه تگ object زیاد مورد استفاده قرار نمی گیرد و بهتر است از تگ های جایگزین استفاده کنید.

تگ img برای افزودن عکس.

تگ video برای افزودن ویدیو.

تگ iframe برای نمایش صفحه HTML.

این تگ با <object> شروع شده و با </object> پایان می یابد.

<object></object>

صفات تگ object

در این بخش با صفات تگ object آشنا خواهید شد.

صفت data

برای افزودن آدرس فایل به کار می رود.

<object data="URL"></object>

صفت form

فرم مربوط به تگ object را مشخص می کند.

<object form="ID"></object>

صفت height

اندازه ارتفاع تگ object را مشخص می کند.

<object height="300"></object>

صفت name

برای تگ object نام انتخاب می کند.

<object name="NAME"></object>

صفت type

نوع رسانه را مشخص می کند.

<object type="media_type"></object>

به عنوان مثال اگر نوع رسانه، عکس با فرمت jpg باشد مقدار این صفت به صورت زیر است:

<object data="image.jpg" type="image/jpg"></object>

صفت typemustmatch

بررسی می کند که صفت type با نوع فایل آدرس منبع مطابقت داشته باشد.

<object typemustmatch="true|false"></object>

صفت usemap

نقشه تصویری مرتبط را مشخص می کند.

<object usemap="#map"></object>

صفت width

اندازه عرض تگ object را مشخص می کند.

<object width="300"></object>

مثال تگ object

کد:

<object data="image.jpg" type="image/jpg" width="300" height="300"></object>

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

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

object:focus {
  outline: none;
}

سازگاری با مرورگرها

تگ object با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS