الكورس

Advertisements

HTML object Tag


HTML object Tag – يحدد الوسم <object> مصدرًا خارجيًا ، يمكن التعامل معه كصورة أو صفحة ويب متداخلة أو مشغل وسائط أو مصدر تتم معالجته بواسطة مكون إضافي.


 

HTML object Tag

 

مثال للتوضيح

تضمين صورة بإستخدام الوسم <object>:

<object data="/images/person_image.png" width="200" height="200"></object>

في الأصل تم إنشاء الوسم <object> لتضمين المكونات الإضافية Plug-ins (هي برامج كمبيوتر تعمل على توسيع الوظائف القياسية للمتصفح) للمتصفح، مثل تطبيقات Java الصغيرة وعناصر تحكم ActiveX وعرض الخرائط وأفلام الفلاش وغيرهم.


 

أمثلة – <object>

 

1) تضمين فيديو

 

<object data="/video/demo_video.mp4" width="500" height="500"></object> 

ولكن يفضل إستخدام الوسم <video> لتضمين مقاطع الفيديو، كالتالى:

<video controls="controls" src="/video/demo_video.mp4">
  Your browser doesn't support Video tag!
</video>

 


 

2) تضمين صوت

 

<object data="/audio/crash.mp3" width="300" height="50"></object>

ولكن يفضل إستخدام الوسم <audio> لتضمين الصوت، كالتالى:

<audio controls="controls" src="/audio/crash.mp3">
  Your browser doesn't support Audio tag!
</audio>

 


 

3) تضمين صفحة HTML

 

<object data="/pages/index.html" width="300" height="400"></object>

ولكن يفضل إستخدام الوسم <iframe> لتضمين صفحات الويب، كالتالى:

<iframe src="/pages/index.html" width="300" height="400"></iframe>

 


 

4) تضمين صورة ذات مناطق قابلة للنقر

 

<object data="shpe_images.jpg" height="200" width="600" usemap="#image_map"></object>    
<map name="image_map">
 <area href="circle.html" coords="101,108,95" shape="circle" alt="Circle">
 <area href="rectangle.html" coords="202,15,383,199" shape="rect" alt="Rectangle">
 <area href="triangle.html" coords="483,17,395,196,573,196" shape="poly" alt="Triangle">
</map>

 

السمات المحددة – Specific Attributes

 

يدعم الوسم <object> هذه السمات:

السمةالقيمةالوصف
dataURLيحدد عنوان URL للمصدر الذي سيستخدمه الكائن object.
formform-idيحدد الشكل الذي ينتمي إليه الكائن.
heightpixelsيحدد إرتفاع الكائن.
namenameيحدد إسم الكائن.
typemedia-typeيحدد نوع وسائط البيانات المحدد في سمة data.
typemustmatchtrue
false
يحدد ما إذا كان يجب أن تتطابق سمة type ونوع المحتوى الفعلي للمصدر لاستخدامهما.
usemapmap_name#يحدد اسم خريطة الصورة من جانب العميل لاستخدامه مع الكائن.
widthpixelsيحدد عرض الكائن.

 

السمات العامة – Global Attributes

 

الوسم <object> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم وسم <object> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

إقرأ أيضًا – HTML <object> Tag

 

تعرف على المزيد من المعلومات حول: HTML image maps.

الوسوم المتعلقة: <audio> – <video> – <img> – <applet> – <embed> – <iframe> – <map> – <area>.

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
مدعوممدعوممدعوممدعوممدعوم


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements