تسمية <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>