كيفية تضمين ملف HTML واحد في ملف آخر

تشرح هذه المقالة كيفية عمل "التضمين" وتوفر خطوات لاستخدام يشمل جانب الخادم ، وتضمينات PHP ، وتضمينات جافا سكريبت.

يشمل استخدام جانب الخادم

تم تطوير Server Side Includes أولاً للسماح لمطوري الويب "بتضمين" مستندات HTML داخل صفحات أخرى. بشكل أساسي ، يتم تضمين المقتطف الموجود في مستند ما في مستند آخر عند تشغيل الصفحة على الخادم وإرسالها إلى مستعرض الويب.

يتم تضمين SSI في معظم خوادم الويب ، ولكن قد تضطر إلى تمكينه حتى يعمل. إذا كنت لا تعرف ما إذا كان الخادم الخاص بك يدعم SSI ، فاتصل بـ مزود استضافة.

فيما يلي مثال لكيفية استخدام SSI لتضمين مقتطف من HTML في جميع صفحات الويب الخاصة بك:

1. احفظ HTML للعناصر المشتركة لموقعك كملفات منفصلة. على سبيل المثال ، قد يتم حفظ قسم التنقل كملف navigation.html أو navigation.ssi.

2. استخدم رمز SSI التالي لتضمين رمز مستند HTML هذا في كل صفحة.

   instagram viewer
   
   أو.
   

   ال تضمن التوجيه يقبل معلمتين. افتراضية يفترض أن اسم الملف متعلق بجذر المستند لموقع الويب ، بينما ملف يقبل مسار ملف مطلق.

3. أضف هذا الرمز في كل صفحة تريد تضمين الملف فيها.

يتضمن استخدام PHP

مثل مباحث أمن الدولة ، بي أتش بي هي تقنية على مستوى الخادم. إذا لم تكن متأكدًا مما إذا كانت لديك وظائف PHP على موقع الويب الخاص بك ، فاتصل بمزود الاستضافة.

فيما يلي نص PHP بسيط يمكنك استخدامه لتضمين مقتطف من HTML على أي صفحة ويب تدعم PHP:

1. احفظ HTML للعناصر المشتركة في موقعك ، مثل التنقل ، لفصل الملفات. على سبيل المثال ، قد يتم حفظ قسم التنقل كملف navigation.html أو navigation.ssi.

2. استخدم كود PHP التالي لتضمين HTML هذا في كل صفحة (استبدال مسار الملف واسمه بين علامتي الاقتباس).

3. أضف نفس الرمز في كل صفحة تريد تضمين الملف فيها.

يتضمن JavaScript

جافا سكريبت هي طريقة أخرى لتضمين HTML في صفحات موقعك. لا تتطلب هذه التقنية البرمجة على مستوى الخادم ، لكنها أكثر تعقيدًا - وهي من الواضح أنه يعمل مع متصفح يسمح لـ Javascript ، وهو ما يفعله معظمه ما لم يقرر المستخدم تعطيله هو - هي.

هنا كيف يمكنك تضمين مقتطف من HTML باستخدام JavaScript:

احفظ HTML للعناصر المشتركة لموقعك في ملف JavaScript. يجب طباعة أي HTML مكتوب في هذا الملف على الشاشة بامتداد document.write وظيفة.

1. تحميل هذا الملف إلى موقع الويب الخاص بك.

2. إستخدم 

3. استخدم نفس الرمز في كل صفحة تريد تضمين الملف فيها.

ماذا يتضمن HTML؟

التضمين هو قسم من HTML ليس مستند HTML كامل في حد ذاته. بدلاً من ذلك ، هو جزء من صفحة أخرى يمكن إدراجه في صفحة ويب كاملة من خلال البرمجة. يتضمن معظمها الملفات هي تلك العناصر المذكورة أعلاه والتي يتم تكرارها على عدة صفحات من موقع الويب. على سبيل المثال:

• التنقل
• معلومات حقوق التأليف والنشر
• مناطق الرأس
• مناطق التذييل

كيف تجعل "التضمينات" تصميم الويب أكثر كفاءة

تشتمل جميع مواقع الويب تقريبًا على عناصر التصميم التي تتكرر عبر كل صفحة على الموقع ، بما في ذلك منطقة الرأس حيث يوجد الشعار وقائمة التنقل ومنطقة التذييل.

تسمح العناصر المتكررة على الموقع بالاتساق في تجربة المستخدم. لا يحتاج الزائر إلى تحديد موقع التنقل في كل صفحة لأنه بمجرد العثور عليه ، يعرف مكانه على الصفحات الأخرى من الموقع الذي يزوره.

المحتوى المضمن يلغي الحاجة إلى تحرير كل صفحة من صفحات موقعك لهذا المحتوى المتكرر. بدلاً من ذلك ، تقوم بتحرير ملف واحد ثم يتم تحديث موقعك بالكامل وكل صفحة فيه.

المحتوى المتكرر في أنظمة إدارة المحتوى

إذا كان موقعك يستخدم CMS ، فمن المحتمل أنه يستخدم قوالب أو سمات معينة تكون جزءًا من هذا البرنامج. حتى إذا قمت بإنشاء هذه القوالب بشكل مخصص من البداية ، فلا يزال الموقع يستخدم إطار العمل هذا للصفحات. على هذا النحو ، تحتوي قوالب نظام إدارة المحتوى هذه على مناطق الموقع التي تتكرر عبر كل صفحة. يمكنك ببساطة تسجيل الدخول إلى الواجهة الخلفية لنظام إدارة المحتوى وتحرير القوالب اللازمة. سيتم تحديث جميع صفحات الموقع التي تستخدم هذا النموذج.

حتى إذا كنت لا تستخدم نظام إدارة المحتوى لموقعك ، فلا يزال بإمكانك الاستفادة من الملفات المضمنة. في HTML ، يشمل تساعد في تسهيل إدارة هذه المناطق المصنّعة وفقًا لنموذج لموقعك.

طرق التضمين الأخرى

هناك عدة طرق أخرى لتضمين HTML في صفحاتك. بعضها أكثر تعقيدًا من البعض الآخر ، والكثير منها عفا عليه الزمن بالفعل وفقًا لمعايير اليوم.

• يشمل CGI: يمكنك استخدام بيرل أو لغة برمجة أخرى لإنشاء صفحاتك ثم تضمين ما تريد ، إما كملفات "تتطلب" أو بقراءتها يدويًا.
• يشمل الفلاش: إذا قمت بإنشاء موقعك بالكامل في Adobe Flash ، فيمكنك استخدامه لتضمين عناصر الموقع. هذه الطريقة قديمة ومواقع الفلاش الكاملة نادرة على الويب هذه الأيام.
• تشمل الإطارات: بدلاً من استخدام نفس العناصر مرارًا وتكرارًا عبر عدة صفحات ، قم بإنشاء موقع مؤطر حيث تكون الإطارات هي الأجزاء المكررة من الموقع. ومع ذلك ، باستثناء عنصر iframe ، الإطارات قديمة في HTML5.
• تتضمن أدوات إدارة المحتوى: القوالب هي إحدى نقاط البيع الرئيسية لـ CMS وهي حقًا كيفية التعامل مع هذا العمل في معظم المواقع اليوم.