چگونگی اضافه کردن یک فایل HTML به دیگری

استفاده از HTML شامل می تواند تا حد زیادی ساده سازی مدیریت سایت شما را ساده کند

به هر وب سایت بروید و از صفحه به صفحه حرکت کنید و به سرعت متوجه خواهید شد که هر کدام از این صفحات ممکن است از راه های مختلفی متفاوت باشند، در سایر موارد نیز کاملا مشابه هستند. تقریبا تمام وب سایت ها شامل عناصر طراحی هستند که در هر صفحه در سایت تکرار می شوند. بعضی از نمونه های عناصر سایت که در هر صفحه یافت می شود، منطقه ی سرصافی است که آرم در آن قرار دارد، ناوبری، و منطقه ی بالا و پایین صفحه.

عناصر تکراری در سایت اجازه می دهد تا یکپارچگی در تجربه کاربر فراهم شود. یک بازدید کننده نیازی به قرار دادن ناوبری در هر صفحه نداشته باشد، زیرا هنگامی که آنها آن را پیدا کرده اند، می دانند کجا در سایر صفحات سایت بازدید می کنند.

چگونگی ساخت وب سایت با کارآیی بیشتر

به عنوان کسی که با مدیریت یک وبسایت مشغول به کار است، این مناطق تکراری چالش برانگیز است. اگر شما نیاز به تغییر در چیزی در آن منطقه دارید، چه؟ برای مثال، اگر پاورقی شما (که در هر صفحه از سایت است) شامل یک اظهار حق نسخه برداری با یک سال، چه اتفاقی می افتد زمانی که سال تغییر می کند و شما باید تاریخ را ویرایش کنید؟ از آنجایی که این بخش در هر صفحه است، اکنون شما باید هر صفحه تک سایت خود را به صورت جداگانه ویرایش کنید تا این تغییر را انجام دهید - یا شما؟

محتوای موجود می تواند نیاز به ویرایش هر صفحه از سایت شما را برای این محتوای تکراری حذف کند. در عوض، شما به سادگی یک فایل را ویرایش کنید و تمام سایت شما و هر صفحه در آن بروز رسانی می شود!

بیایید به چند روش نگاه کنیم که می توانید این قابلیت را به سایت خود اضافه کنید و یک فایل HTML را در تعدادی دیگر اضافه کنید.

محتوای تکراری در سیستم های مدیریت محتوا

اگر سایت شما از یک سیستم مدیریت محتوا استفاده می کند ، احتمالا با استفاده از برخی از قالب ها یا تم ها بخشی از آن نرم افزار است. حتی اگر شما سفارشی این الگوها را از ابتدا بسازید، این سایت همچنان این چارچوب را برای صفحات استفاده می کند.

به همین ترتیب، این قالب های CMS حاوی مناطق سایت هستند که در هر صفحه تکرار می شوند. شما به سادگی به پشت صحنه CMS وارد شوید و قالب های لازم را ویرایش کنید. تمام صفحات سایت که از آن قالب استفاده می کنند، به روز می شوند.

حتی اگر شما یک سیستم مدیریت محتوا برای سایت خود ندارید، هنوز می توانید از فایل های موجود استفاده کنید. در HTML، شامل مواردی است که می تواند کمک به مدیریت این مناطق قالب بندی سایت شما را آسان تر کند.

HTML شامل چه چیزی است؟

شامل شامل یک بخش از HTML است که مستقیما HTML کامل نیست. در عوض، این بخشی از صفحه دیگری است که می تواند در برنامه های وب صفحات کامل قرار گیرد. بیشتر موارد عبارتند از مواردی که موارد فوق ذکر شده در چندین صفحه وب وب تکرار می شوند. مثلا:

یک مزیت برای داشتن این مناطق تکراری در صفحات وجود دارد. متاسفانه، فرآیند قرار دادن یک فایل چیزی نیست که فقط با HTML باشد اتفاق می افتد، بنابراین شما باید نوعی برنامه یا اسکریپت داشته باشید که فایل های شامل آن را در صفحات وب خود اضافه کنید.

با استفاده از قسمت سرور شامل می شود

Server Side Inc، که همچنین به عنوان SSI شناخته می شود، برای اولین بار توسعه داده شد تا توسعه دهندگان وب امکان "شامل" اسناد HTML در صفحات دیگر باشند.

اساسا، قطعه ای که در یک سند یافت می شود، هنگامی که صفحه در سرور اجرا می شود و به مرورگر وب ارسال می شود، وارد می شود.

SSI در بسیاری از وب سرورها گنجانده شده است، اما ممکن است مجبور شوید آن را فعال کنید تا بتوانید آن را کار کنید. اگر نمی دانید سرور شما از SSI پشتیبانی می کند، با ارائهدهنده سرویس دهنده خود تماس بگیرید.

در اینجا یک مثال از نحوه استفاده از SSI برای ضمائم HTML در تمام صفحات وب خود می باشد:

  1. HTML را برای عناصر رایج سایت خود به عنوان فایل های جداگانه ذخیره کنید. به عنوان مثال، بخش ناوبری شما ممکن است به عنوان navigation.html یا navigation.ssi ذخیره شود .
  2. از کد زیر برای کدگذاری کد سند HTML در هر صفحه استفاده کنید ( جایگزین مسیر فایل و نام فایل شما بین علامت نقل قول ). {C}
  1. این کد را در هر صفحه ای که میخواهید فایل بگذارید اضافه کنید.

استفاده از PHP شامل

PHP یک زبان برنامه نویسی سطح سرور است. این می تواند تعدادی از چیزها را انجام دهد، اما یک استفاده معمول این است که اسناد HTML را درون صفحات خود قرار دهیم، بسیار مشابه آنچه ما با SSI پوشانده ایم.

مانند SSI، PHP یک فن آوری سطح سرور است. اگر مطمئن نیستید اگر از پی اچ پی در وب سایت خود استفاده می کنید، با ارائه دهنده ی میزبانی وب خود تماس بگیرید.

در اینجا یک اسکریپت ساده PHP است که می توانید از آن برای قرار دادن قطعه HTML در هر صفحه وب فعال PHP استفاده کنید:

  1. برای جدا کردن فایل ها از عناصر رایج سایت خود، مانند ناوبری، HTML را ذخیره کنید. به عنوان مثال، بخش ناوبری شما ممکن است به عنوان navigation.html یا navigation.ssi ذخیره شود .
  2. از کد PHP زیر برای اضافه کردن آن HTML در هر صفحه استفاده کنید ( جایگزین مسیر فایل شما و نام فایل بین علامت نقل قول ). navigation.php ")؛؟>
  3. این کد را در هر صفحه اضافه کنید که میخواهید فایل را اضافه کنید.

جاوا اسکریپت شامل می شود

جاوا اسکریپت یک راه دیگر برای اضافه کردن HTML در صفحات سایت شما است. این مزیت این است که نیازی به برنامه نویسی سطح سرور نیست، اما کمی پیچیده تر است - و بدیهی است که برای یک مرورگر که برای Javascript اجازه می دهد، بیشتر کار می کند، مگر اینکه کاربر تصمیم به آن را غیرفعال کند.

در اینجا این است که چگونه می توانید یک قطعه HTML با استفاده از جاوا اسکریپت داشته باشید :

  1. HTML را برای عناصر رایج سایت خود به یک فایل جاوا اسکریپتی ذخیره کنید. هر HTML نوشته شده در این فایل باید با استفاده از تابع document.write به صفحه نمایش داده شود.
  2. این فایل را به وب سایت خود آپلود کنید
  3. از یک عنصر