تسمية <object> في HTML
- الصفحة السابقة <noscript>
- الصفحة التالية <ol>
التعريف والاستخدام
<object>
تعرف العلامة كيس الموارد الخارجية.
الموارد الخارجية يمكن أن تكون صفحات الويب أو الصور أو مشغلات الوسائط أو تطبيقات المكونات الإضافية.
لإدراج الصورة، من الأفضل استخدام علامة <img>.
لإدراج HTML، من الأفضل استخدام علامة <iframe>.
لإدراج الفيديو أو الصوت، من الأفضل استخدام <video> و <audio> العلامة.
انظر أيضًا:
دليل HTML:عنصر HTML Object
دليل HTML DOM:عنصر Object
المكونات الإضافية
<object>
تم تصميم العلامات في البداية لتحميل المكونات الإضافية الخاصة بالمسوق.
المكونات الإضافية هي برامج كمبيوتر تزيد من وظائف معايير المتصفح.
لدي المكونات الإضافية العديد من الاستخدامات:
- تشغيل تطبيق Java الصغير
- تشغيل محكمات ActiveX
- اعرض فيلم Flash
- اعرض الخريطة
- تفحص الفيروسات
- تحقق من ID البنك
تحذير!
لم يعد معظم المتصفحات يدعم تطبيقات Java الصغيرة والمكونات الإضافية.
لم يعد أي متصفح يدعم محكمات ActiveX.
أغلق المتصفح الحديث دعمه لـ Shockwave Flash.
مثال
مثال 1
صورة مضمنة:
<object data="tulip.jpg" width="300" height="300"></object>
مثال 2
صفحة الـ HTML المضمنة:
<object data="/index.html" width="500" height="300"></object>
مثال 3
فيديو مضمن:
<object data="shanghai.mp4" width="640" height="300"></object>
الخصائص
الخصائص | القيمة | الوصف |
---|---|---|
data | URL | يحدد عنوان URL للمصدر الذي يجب استخدامه من قبل العنصر. |
form | id النموذج | يحدد النموذج الذي ينتمي إليه العنصر. |
height | البكسل | يحدد الارتفاع الخاص بالعنصر. |
name | الاسم | يحدد اسم العنصر. |
type | نوع الوسائط | يحدد نوع البيانات المحدد في خاصية data. |
typemustmatch | صحيح/خطأ | يحدد ما إذا كان يجب مطابقة نوع الخاصية مع محتوى المصدر فعلياً حتى يتم عرضه. |
usemap | #mapname | يحدد الاسم الذي يجب استخدامه مع خريطة الصور الخاصة بالعميل. |
width | البكسل | يحدد عرض العنصر. |
خصائص العالمية
<object>
يدعم العلامة خصائص العالمية في HTML.
خصائص أحداث
<object>
يدعم العلامة خصائص أحداث HTML.
إعدادات CSS الافتراضية
سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية لعرض عنصر <object>:
object:focus { outline: none; }
دعم المتصفحات
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة <noscript>
- الصفحة التالية <ol>