عنصرا embed وobject

يضمّن <embed> محتوى خارجياً باستخدام إضافة متصفح أو معالج مضمّن في المتصفح. تحدد السمة type نوع MIME، بينما يشير src إلى عنوان URL للمورد. وهو عنصر فارغ لا يحتوي على عناصر فرعية أو محتوى بديل.

يتميز <object> بمرونة أكبر من embed. وتشير السمة data فيه إلى المورد، بينما تحدد السمة type نوع MIME. ويُستخدم المحتوى الفرعي كمحتوى بديل إذا تعذّر تحميل object، ويمكن أن يتضمن object متداخلاً أو نصاً وصفياً.

ضمّن المحتوى البديل كما يلي: <object data="file.pdf" type="application/pdf"><a href="file.pdf">Download PDF</a></object>. إذا تعذّر على المتصفح عرض ملف PDF داخل الصفحة، فسيعرض رابط التنزيل بدلاً منه. ويُعد المحتوى البديل الميزة الرئيسية لـ object مقارنةً بـ embed.

يمكن تضمين ملفات PDF باستخدام object أو embed: <object data="doc.pdf" type="application/pdf" width="100%" height="600">. يختلف دعم المتصفحات؛ إذ يعرض Chrome وFirefox ملفات PDF أصلاً، بينما قد تعرض متصفحات أخرى مطالبة بالتنزيل. وفّر رابطاً بديلاً.

لتضمين مستندات HTML، يُفضّل استخدام iframe، فهو مصمم لهذا الغرض وله نموذج أمان واضح. أما لإضافات الوسائط، فاستخدم embed، مثل Flash القديم وعرض SVG. وللمستندات التي تحتاج إلى محتوى بديل، استخدم object. في التطوير الحديث، تتولى عناصر HTML5 الأصلية مثل video وaudio وcanvas معظم حالات استخدام الإضافات.

يمكن لكل من embed وobject تنفيذ محتوى الإضافات، مثل Flash تاريخياً، وهو ما يمثل سطح هجوم كبيراً. وقد أزالت المتصفحات الحديثة دعم الإضافات. لا تضمّن إلا المحتوى الموثوق. ولا يمكن برمجة المحتوى المضمّن عبر أصل مختلف بالطريقة نفسها المتاحة للمحتوى ذي الأصل نفسه.

يمكن تضمين SVG باستخدام object: <object data="image.svg" type="image/svg+xml" width="200" height="200">. وعلى عكس عنصر img، يمكن لـ SVG داخل object تشغيل نصوصه البرمجية الخاصة والاستجابة لـ CSS الخارجي إذا كان من الأصل نفسه. استخدم هذا الأسلوب مع SVG التفاعلي عندما يكون SVG المضمّن مباشرةً غير عملي.

مرّر المعلمات إلى إضافة object باستخدام عناصر <param name="autoplay" value="true"> المتداخلة. كانت هذه الطريقة القياسية لضبط كائنات Flash. أما استخدامها حديثاً فنادر، لأن دعم الإضافات أُزيل من المتصفحات.

يمكن أن يعمل object مع usemap لإنشاء خرائط صور، أي مناطق قابلة للنقر داخل صورة مضمّنة. عرّف المناطق داخل عنصر <map> الذي يحتوي على عناصر <area> فرعية. ويُعد SVG الحديث الذي يستخدم href على العناصر نهجاً أفضل للمناطق التفاعلية داخل الصور.

أضف السمة title إلى كل من embed وobject لتمكين قارئات الشاشة من التعرف عليهما. ويقبل object السمة aria-label. ولا يوفّر أي من العنصرين الدلالات الغنية الخاصة بإتاحة الوصول التي توفرها عناصر HTML5 الأصلية. وبالنسبة إلى محتوى الوسائط، يُفضّل دائماً استخدام عنصري video وaudio الأصليين مع التسميات التوضيحية.

يُعد كل من embed وobject عنصريْن قديمَيْن إلى حد كبير. وقد اختفت حالة الاستخدام الأساسية لهما، وهي Flash. وتشمل الاستخدامات المشروعة الحالية مستندات PDF المضمّنة مع محتوى بديل، وتضمين SVG التفاعلي، والمحتوى القديم الذي لا يمكن تحديثه. وينبغي للمشاريع الجديدة تفضيل عناصر HTML5 الأصلية لجميع احتياجات الوسائط.

ما الميزة الرئيسية لاستخدام object بدلاً من embed للمحتوى المضمّن؟

يُعد embed وobject عنصرين قديمين لتضمين محتوى غير HTML. ويُفضّل استخدام object عند الحاجة إلى محتوى بديل. ويقبل كلاهما تحديد نوع MIME وتمرير المعلمات. أما البدائل الحديثة مثل video وaudio وcanvas وSVG المضمّن مباشرةً، فهي المفضلة في المشاريع الجديدة. ويظل تضمين PDF باستخدام object حالة استخدام شائعة، مع iframe كبديل.