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> هذه السمات:
السمة | القيمة | الوصف |
---|---|---|
data | URL | يحدد عنوان URL للمصدر الذي سيستخدمه الكائن object. |
form | form-id | يحدد الشكل الذي ينتمي إليه الكائن. |
height | pixels | يحدد إرتفاع الكائن. |
name | name | يحدد إسم الكائن. |
type | media-type | يحدد نوع وسائط البيانات المحدد في سمة data. |
typemustmatch | true false | يحدد ما إذا كان يجب أن تتطابق سمة type ونوع المحتوى الفعلي للمصدر لاستخدامهما. |
usemap | map_name# | يحدد اسم خريطة الصورة من جانب العميل لاستخدامه مع الكائن. |
width | pixels | يحدد عرض الكائن. |
السمات العامة – Global Attributes
الوسم <object> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <object> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <object> Tag
تعرف على المزيد من المعلومات حول: HTML image maps.
الوسوم المتعلقة: <audio> – <video> – <img> – <applet> – <embed> – <iframe> – <map> – <area>.
دعم المتصفحات
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!