2010-06-29 21 views
6

मैं हमेशा अपने शीर्षलेख और पाद लेखों को फिर से लिख रहा हूं और प्रत्येक संपादन के लिए मुझे सभी कोड मैन्युअल रूप से वेब पृष्ठों में कॉपी और पेस्ट करना होगा। जाहिर है यह गलत दृष्टिकोण है लेकिन मुझे सही नहीं है। मेरा वर्तमान विचार है "हेडर" और "पाद लेख" div और फिर jquery के $ (दस्तावेज़) के साथ। पहले कोड के साथ divs लोड करें। मुझे डर है कि यह धीमा हो जाएगा क्योंकि यह हेडर/फ़ूटर कोड निष्पादित करने से पहले पूरे पृष्ठ को प्रस्तुत करने की प्रतीक्षा करता है। इस समस्या को संभालने का एक आम तरीका क्या है?मैं अपनी वेबसाइट हेडर और पाद लेख को एक स्थान पर कैसे स्टोर करूं?

+2

क्या किसी प्रकार के सर्वर साइड कोड, जैसे PHP के लिए कोई रास्ता नहीं है? अन्यथा आपकी साइट जावास्क्रिप्ट अक्षम के साथ सुलभ नहीं होगी। – galambalazs

+0

मैं php का उपयोग कर सकता हूं लेकिन अभी भी इष्टतम समाधान के बारे में सुनिश्चित नहीं हूं। मेरा मतलब है कि अगर मेरे पास साइट-ए.पी.पी. साइट-बी.एफ़पी साइट-सी.एफ़पी है, तो मुझे अभी भी कोड कॉपी और पेस्ट करना होगा। शायद सभी तीन एक ही फाइल से पढ़ सकते हैं ... – telaviv

उत्तर

10

लगता है जैसे आपको कुछ सर्वर-साइड तकनीक की आवश्यकता है। आपके द्वारा चुने गए कई विकल्पों में से एक और आपके होस्टिंग पर निर्भर है। सबसे अधिक संभावना है कि आपकी होस्टिंग PHP और एसएसआई (सर्वर-साइड शामिल) का समर्थन करेगी।

सबसे सरल सेटअप में, मूल रूप से सामान्य कोड को सामान्य फाइलों में डाल दें, मान लें कि header.inc और footer.inc। इससे कोई फ़र्क नहीं पड़ता कि इन फ़ाइलों का नाम या एक्सटेंशन क्या है।

पीएचपी के लिए, अपने पृष्ठों अब *.html के बजाय *.php होना चाहिए और आप इस कोड लिखने की जरूरत है:

<?php include('header.inc'); ?> 
<p> 
    Here is your regular document. 
</p> 
<?php include('footer.inc'); ?> 

लघु उद्योग के लिए, आप अपनी फ़ाइलों के नाम बदलने के लिए नहीं है और अपने कोड, इस प्रकार दिखाई देगा:

<!--#include virtual="header.inc" --> 
<p> 
    Here is your regular document. 
</p> 
<!--#include virtual="footer.inc" --> 
0

सामान्य तरीका सर्वर पक्ष भाषा का उपयोग करना है जैसे PHP। या यदि आपको केवल फूटर और हेडर की आवश्यकता है तो आप SSI

1

का उपयोग कर सकते हैं आम तौर पर, PHP, जेएसपी या एक्सएसएल जैसे कुछ सर्वर-साइड टेम्पलेटिंग तकनीक का उपयोग किया जाता है। कोड के पुन: प्रयोज्य टुकड़े बनाना जिन्हें जोड़ा जा सकता है इन दृष्टिकोणों में से एक का उपयोग करके काफी सरल है।

एक शुद्ध HTML + जेएस दृष्टिकोण के लिए, आप एक स्टैंडअलोन हेडर और पाद लेख HTML फ़ाइल से लिंक करने के लिए IFRAME का उपयोग कर सकते हैं। इससे आपको सभी शीर्षलेख और पाद लेख की जानकारी एक ही स्थान पर रखने की अनुमति मिल जाएगी, केवल एक बार इसे अपडेट करने की आवश्यकता होगी।

0

HTML या PHP का उपयोग करें।

4

आप निश्चित रूप से जावास्क्रिप्ट के साथ ऐसा नहीं करना चाहती। सबसे पहले, हेडर और पाद लेख जावास्क्रिप्ट निष्पादित होने तक लोड नहीं होगा, लेकिन अधिक महत्वपूर्ण है, जावास्क्रिप्ट सक्षम किए बिना कोई भी उन्हें बिल्कुल नहीं देखेगा (और एक स्थिर पृष्ठ देखने के लिए जावास्क्रिप्ट की आवश्यकता नहीं है)।

वहाँ दो आसान तरीकों यह करने के लिए कर रहे हैं:

1) php की तरह एक सर्वर साइड भाषा का प्रयोग करें पादलेख शामिल करना:/

<?php 
    include('header.html'); 
?> 
The rest of the page goes here 
<?php 
    include('footer.html'); 
?> 

2) निर्माण का उपयोग करें प्रक्रिया है कि स्थिर उत्पन्न तैनात पृष्ठों की है। यह 1 के समान होगा) लेकिन यह प्रत्येक बार जब कोई पृष्ठ हिट करता है, तो प्रति निर्माण के बाद ही किया जाएगा।

संबंधित मुद्दे