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

يمكن أن يؤدي استخدام HTML إلى تبسيط إدارة موقعك إلى حد كبير

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

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

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

بصفتك شخصًا مسؤولًا عن إدارة موقع ويب ، فإن هذه المناطق المتكررة تقدم تحديًا. ماذا لو كنت بحاجة إلى إجراء تغيير على شيء ما في هذا المجال؟ على سبيل المثال ، إذا كان تذييل الصفحة (الموجود في كل صفحة من صفحات الموقع) يتضمن بيان حقوق النشر لسنة واحدة ، فما الذي يحدث عندما يتغير ذلك العام وتحتاج إلى تعديل التاريخ؟ نظرًا لأن هذا القسم موجود في كل صفحة ، فأنت الآن بحاجة إلى تعديل كل صفحة من صفحات موقعك بشكل فردي لإجراء هذا التغيير - أو هل أنت كذلك؟

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

لنلق نظرة على بعض الطرق التي يمكنك من خلالها إضافة هذه الوظيفة إلى موقعك وتضمين ملف HTML واحدًا في عدد آخر.

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

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

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

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

ما هي محتويات HTML؟

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

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

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

تم تطوير واجهة الخادم ، المعروفة أيضًا باسم SSI ، للسماح لمطوري الويب "بتضمين" مستندات HTML داخل صفحات أخرى.

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

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

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

  1. احفظ ملف HTML للعناصر المشتركة في موقعك كملفات منفصلة. على سبيل المثال ، قد يتم حفظ قسم التنقل الخاص بك كـ navigation.html أو navigation.ssi .
  2. استخدم كود SSI التالي لتضمين كود وثيقة HTML في كل صفحة ( استبدال مسار الملف واسم الملف بين علامتي الاقتباس ). {C}
  1. أضف هذا الرمز على كل صفحة تريد تضمين الملف فيها.

باستخدام PHP يشمل

PHP هي لغة برمجة نصية على مستوى الخادم. يمكن أن يقوم بعدد من الأشياء ، لكن أحد الاستخدامات الشائعة هو تضمين مستندات HTML داخل صفحاتك ، بنفس الطريقة التي غطيناها فقط بمعلومات سرية.

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

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

  1. احفظ ملف HTML للعناصر المشتركة في موقعك ، مثل التنقل ، لفصل الملفات. على سبيل المثال ، قد يتم حفظ قسم التنقل الخاص بك كـ navigation.html أو navigation.ssi .
  2. استخدم شفرة PHP التالية لتضمين HTML في كل صفحة ( استبدال مسار الملف واسم الملف بين علامتي الاقتباس ). navigation.php ")؛؟>
  3. أضف هذا الرمز نفسه على كل صفحة تريد تضمين الملف فيها.

يشمل جافا سكريبت

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

إليك كيفية تضمين مقتطف من HTML باستخدام جافا سكريبت :

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