علامة <كائن> HTML
مثال
صورة مضمنة:
<object data="pic_trulli.jpg" width="300" height="200"></object>
مثال
صفحة HTML مضمنة:
<object data="snippet.html" width="500" height="200"></object>
مثال
فيديو مضمن:
<object data="video.mp4" width="400" height="300"></object>
التعريف والاستخدام
تحدد العلامة <object>حاوية لمورد خارجي.
يمكن أن يكون المورد الخارجي عبارة عن صفحة ويب أو صورة أو مشغل وسائط أو تطبيق مكون إضافي.
لتضمين صورة ، من الأفضل استخدام <img>العلامة.
لتضمين HTML ، من الأفضل استخدام <iframe>العلامة.
لتضمين الفيديو أو الصوت ، من الأفضل استخدام العلامات <video>و .<audio>
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
المكونات الإضافية
تم <object>تصميم العلامة في الأصل لتضمين المكونات الإضافية للمتصفح.
المكونات الإضافية هي برامج كمبيوتر تعمل على توسيع الوظائف القياسية للمتصفح.
تم استخدام المكونات الإضافية للعديد من الأغراض المختلفة:
- قم بتشغيل تطبيقات Java الصغيرة
- قم بتشغيل عناصر تحكم ActiveX
- عرض أفلام فلاش
- عرض الخرائط
- تفحص الفيروسات
- تحقق من معرف البنك
تحذير !
لم تعد معظم المستعرضات تدعم تطبيقات Java الصغيرة والمكونات الإضافية.
لم تعد عناصر تحكم ActiveX مدعومة في أي مستعرض.
تم أيضًا إيقاف تشغيل دعم Shockwave Flash في المتصفحات الحديثة.
صفات
| Attribute | Value | Description |
|---|---|---|
| data | URL | Specifies the URL of the resource to be used by the object |
| form | form_id | Specifies which form the object belongs to |
| height | pixels | Specifies the height of the object |
| name | name | Specifies a name for the object |
| type | media_type | Specifies the media type of data specified in the data attribute |
| typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
| usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
| width | pixels | Specifies the width of the object |
السمات العالمية
تدعم <object>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <object>العلامة أيضًا سمات الحدث في HTML .
الصفحات ذات الصلة
دروس HTML: عنصر كائن HTML
مرجع DOM HTML: كائن الكائن
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <object>العنصر بالقيم الافتراضية التالية:
object:focus {
outline: none;
}