جاري التحميل...

المكونات الإضافية في HTML

قبل سنوات، اعتمدت المتصفحات على المكوّنات الإضافية (plug-ins) — برامج إضافية تُثبَّت بجانب المتصفح — لتشغيل الفيديو أو الحركات أو عرض مستندات معيّنة. كان Flash المثال الأشهر؛ وShockwave ومساعدات ملكية أخرى ركبت الموجة نفسها. كثيرًا ما طلب المؤلفون من الزائر «رجاءً ثبّت…» قبل أن يبدأ الدرس أو العرض أصلًا. ذلك العصر انتهى للويب المفتوح. هذه الجلسة القصيرة لافتة تحذير، وليست دليل بناء بالمكوّنات الإضافية. أنت تتدرّب أصلًا على البدائل: الوسائط الأصلية والتضمين الحذر.

ماذا عنى «plug-in» في المتصفح

كان المكوّن الإضافي الكلاسيكي للمتصفح برنامجًا يجب أن يثبّته الزائر (أو قسم تقنية المعلومات لديه) حتى يسلّم المتصفح أنواع ملفات معيّنة إلى ذلك المساعد. ثم أشار المؤلفون الصفحات إلى تلك المساعدات بوسوم وأنماط بدت طبيعية آنذاك. لم تعد الصفحة «مجرد HTML يفهمه المتصفح»؛ اعتمدت على ثنائي طرف ثالث قد يكون مفقودًا أو قديمًا أو محظورًا أو غير آمن أو غير متاح على الهواتف. عندما فشل المساعد فشل الدرس معه — حتى لو كانت العلامات «صحيحة» لتلك المنظومة القديمة.

الإجابة المباشرة

لا تبنِ مواقع جديدة تعتمد على Flash أو مكوّنات وسائط قابلة للتثبيت مشابهة. استخدم HTML الأصلي: video وaudio وcanvas وSVG وJavaScript عند الحاجة إلى سلوك. لا ينبغي أن يثبّت الزوّار إضافات متصفح خاصة فقط لرؤية محتواك اليومي. إذا وجدت مقتطف <object> / <embed> قديمًا لـ Flash في درس عتيق، عامله كقطعة متحفية لا كقالب لعمل اليوم. فضّل دروس الوسائط وiframe التي أنهيتها للتو كلما احتاجت صفحة حديثة صوتًا أو حركة أو مشغّلًا رسميًا لموقع آخر.

آنذاك مقابل الآن

📊 آنذاك مقابل الآن

النهج القديم	النهج الحديث
مكوّنات Flash / Shockwave	video وaudio في HTML5
مكوّن PDF خاص فقط	عارض PDF بالمتصفح أو روابط تنزيل
تضمينات بأسلوب ActiveX	عناصر قياسية + iframes حذرة
مكوّنات رسوم ملكية	CSS وSVG وcanvas وJS حديث عند الحاجة

لماذا تقدّم الويب المفتوح

أزالت المتصفحات الكبرى دعم المكوّنات بأسلوب NPAPI الكلاسيكي أو عطّلته. لم تحب فرق الأمن سطوح هجوم كبيرة بجانب عملية المتصفح. لم تعتبر منصات الجوال Flash المكتبي أساسًا للمواقع اليومية. استثمرت مجموعات المعايير وصانعو المتصفحات في الوسائط الأصلية والرسوم وواجهات البرمجة النصية حتى تعمل الصفحات العادية بتثبيت أقل وانقطاعات أقل من نوع «حدّث مشغّلك». النتيجة للمتعلّم عملية: دروس video وaudio وiframe السابقة هي المسار الحديث — لا جولة حنين عبر معالجات تثبيت المكوّنات أو مثبّتات المساعدات المؤسسية.

ماذا تفعل بدلًا من ذلك

فضّل video / audio لملفات الوسائط التي تستضيفها (أو تضمينًا حذرًا عندما يوفّر المضيف مشغّلًا رسميًا).
فضّل SVG أو CSS للحركة البسيطة والأيقونات والأشكال الزخرفية.
استخدم واجهات JavaScript التي تُدرَّس لاحقًا في منهج الويب الأوسع عندما يلزم تفاعل أغنى.
فضّل المستندات القياسية وروابط التنزيل على سير عمل «يجب تثبيت المساعد X» لملفات PDF وما شابه.
فضّل تضمين iframe الحذر (الدرس السابق) على أنماط object بأسلوب ActiveX الملكي عندما تحتاج فعلًا واجهة صفحة أخرى في المكان.

قراءة الدروس القديمة دون الوقوع في الفخ

ما زالت نتائج البحث تظهر صفحات عمرها عقد تقول «ثبّت Flash Player» أو تلصق كتل <object> / <embed> طويلة بمعاملات ملكية كثيرة. قد تكون تلك المقالات مثيرة تاريخيًا لفهم كيف كان الويب يرسل وسائط غنية. ليست ممارسة الدورة الحالية. عندما تكون الخطوة الأولى في الدرس «نزّل مكوّنًا إضافيًا للمتصفح»، توقّف واسأل إن كان video أو audio أو SVG أو حركة CSS أو تضمين مضيف حديث يغطي الهدف نفسه باحتكاك أقل. مسار الوسائط في هذه الدورة أعطاك تلك الأدوات عمدًا حتى تتخطّى عصر لافتات التثبيت.

المكوّنات الإضافية مقابل الإضافات مقابل تضمين iframe

المكوّنات الإضافية الكلاسيكية (هذا الدرس): مساعدات وسائط قابلة للتثبيت كانت الصفحة تفرضها — اختفت إلى حد كبير من الويب المفتوح.
إضافات (extensions) المتصفح: أدوات اختيارية يثبّتها المستخدم لنفسه (حاجبات الإعلانات، مديري كلمات المرور، مساعدي المطوّر). يجب ألا يعتمد المؤلفون على مشاركة الزوّار لنفس مجموعة الإضافات حتى يظهر المحتوى الأساسي.
تضمين iframe: ما زال صالحًا عندما يقدّم موقع آخر مشغّلًا أو صفحة أداة رسمية (درس YouTube + درس iframes). ذلك تأطير لصفحة، لا تثبيت Flash أو مساعد Shockwave.
أبقِ المفردات واضحة حتى لا يتسلّل «نحتاج plug-in» إلى تخطيط المشروع الحديث عندما تحتاج فعلًا وسائط أصلية أو تضمينًا حذرًا.

تأمّل (بدل مختبر برمجة)

هذه الجلسة بلا عيّنات كود وبلا اختبار عمدًا — الدورة تعلّمها اختيارية بلا اختبار حتى تستوعب التحذير دون تمرين أنماط ميتة. خصّص دقائق للتأمّل:

سمِّ حاجة وسائط حلّيتها أصلًا بـ video أو audio بدل plug-in.
اعثر على درس قديم يذكر Flash بعد ولاحظ لماذا تتخطّى خطوات التثبيت.
اشرح لزميلك بجملة واحدة لماذا لافتات «رجاءً ثبّت…» الفارغة علامة خطر للمواقع الجديدة.
اذكر حالة يكون فيها تضمين iframe رسمي مناسبًا مقابل اختراع مساعد ملكي.
اكتب سطرًا تقوله لو لصق زميل كتلة Flash <object> في صفحة درس حديثة.

أخطاء سهلة

نسخ دروس قديمة ما زالت تقول «ثبّت Flash» كأن ذلك مطلوب اليوم
افتراض أن كل زائر يمكنه تشغيل مكوّنات ملكية على كل جهاز
تجاهل أن المتصفحات الكبرى أزالت دعم المكوّنات الكلاسيكية
الخلط بين إضافات المتصفح (اختيار المستخدم) ومكوّنات الوسائط التي تفرضها الصفحة
معاملة مقتطفات Flash القديمة في <object> / <embed> كقوالب بداية
الاعتقاد أن درس التحذير هذا يعني أن iframes والوسائط الأصلية «قديمة أيضًا» — ليست كذلك

كيف تناسب مسار الوسائط

تعلّمت video وaudio المستضافين ذاتيًا، ثم YouTube وتضمينات iframe العامة. تجلس المكوّنات الإضافية بجانب ذلك المسار كتاريخ: جرّبت الصناعة المساعدات القابلة للتثبيت، ثم وحّدت النهج الأصلي والمؤطَّر. معرفة الطريق المسدود تساعدك على رفض النصيحة السيئة بسرعة، وحماية الزوّار من خطوات تثبيت بلا فائدة، ومتابعة عناصر الدورة الحية دون اعتبار علامات المتحف واجبًا منزليًا.

ملخص

مكوّنات المتصفح الكلاسيكية للوسائط قديمة على الويب المفتوح
وسائط HTML الأصلية وSVG/CSS وJS الحديث وiframes الحذرة حلّت محلها
تجاوز أنماط عصر Flash للعمل الجديد
اقرأ الدروس القديمة بنقد عندما تطلب تثبيتًا
واصل تعلّم العناصر القياسية التي تعلّمها هذه الدورة أصلًا
جلسة اختيارية، صفر عيّنات كود، صفر اختبار — التحذير هو الدرس

اللغة