تگ 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> | بله | بله | بله | بله | بله |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| data | URL | URL منبعی را که قرار است درون عنصر object نمایش داده شود را مشخص می کند |
| form | form_id | مشخص میکند که عنصر object متعلق به کدام form هست |
| height | pixels | ارتفاع object را مشخص می کند |
| name | name | یک نام برای object مشخص می کند |
| type | media_type | نوع رسانه را برای محتوای صفت data مشخص میکند |
| typemustmatch | true/false | مشخص میکند که نوع صفت باید با محتوا برای نمایش مطابقت داشته باشد |
| usemap | #mapname | نام یک نقشه تصویری را مشخص میکند |
| width | pixels | عرض object را مشخص میکند |
خواص عمومی
تگ object از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ object از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر object در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
object:focus {
outline: none;
}
پست های مرتبط
ارسال یک نظر
برای نوشتن دیدگاه باید وارد بشوید.