Πώς να συμπεριλάβετε ένα αρχείο HTML σε άλλο

Αυτό το άρθρο εξηγεί τον τρόπο λειτουργίας των "Συμπεριλήψεων" και παρέχει βήματα για τη χρήση των Συμπεριλήψεων διακομιστή, Περιλαμβάνει PHP και Συμπεριλαμβάνονται JavaScript

Η χρήση του Server Side περιλαμβάνει

Το Server Side Includes αναπτύχθηκε για να επιτρέψει στους προγραμματιστές ιστού να «συμπεριλάβουν» έγγραφα HTML σε άλλες σελίδες. Βασικά, ένα απόσπασμα που βρίσκεται σε ένα έγγραφο περιλαμβάνεται σε ένα άλλο όταν η σελίδα εκτελείται στο διακομιστή και αποστέλλεται στο πρόγραμμα περιήγησης ιστού.

Το SSI περιλαμβάνεται στους περισσότερους διακομιστές ιστού, αλλά ίσως χρειαστεί να το ενεργοποιήσετε για να λειτουργήσει. Εάν δεν γνωρίζετε εάν ο διακομιστής σας υποστηρίζει SSI, επικοινωνήστε με το

πάροχος φιλοξενίας.

Ακολουθεί ένα παράδειγμα για το πώς μπορείτε να χρησιμοποιήσετε το SSI για να συμπεριλάβετε ένα απόσπασμα HTML σε όλες τις ιστοσελίδες σας:

1. Αποθηκεύστε το HTML για τα κοινά στοιχεία του ιστότοπού σας ως ξεχωριστά αρχεία. Για παράδειγμα, η ενότητα πλοήγησης ενδέχεται να αποθηκευτεί ως πλοήγηση.html ή πλοήγηση.ssi.

2. Χρησιμοποιήστε τον ακόλουθο κωδικό SSI για να συμπεριλάβετε τον κώδικα αυτού του εγγράφου HTML σε κάθε σελίδα.

   
   ή.
   

   ο περιλαμβάνω Η οδηγία δέχεται δύο παραμέτρους. Εικονικός υποθέτει ότι το όνομα αρχείου σχετίζεται με τη ρίζα εγγράφου του ιστότοπου, ενώ αρχείο δέχεται μια απόλυτη διαδρομή αρχείου.

3. Προσθέστε αυτόν τον κωδικό σε κάθε σελίδα που θέλετε να συμπεριλάβετε το αρχείο.

Η χρήση PHP περιλαμβάνει

Όπως το SSI, PHP είναι μια τεχνολογία σε επίπεδο διακομιστή. Εάν δεν είστε βέβαιοι εάν έχετε λειτουργικότητα PHP στον ιστότοπό σας, επικοινωνήστε με τον πάροχο φιλοξενίας.

Εδώ είναι ένα απλό σενάριο PHP που μπορείτε να χρησιμοποιήσετε για να συμπεριλάβετε ένα απόσπασμα HTML σε οποιαδήποτε ιστοσελίδα με δυνατότητα PHP:

1. Αποθηκεύστε το HTML για τα κοινά στοιχεία του ιστότοπού σας, όπως η πλοήγηση, για να διαχωρίσετε αρχεία. Για παράδειγμα, η ενότητα πλοήγησης ενδέχεται να αποθηκευτεί ως πλοήγηση.html ή πλοήγηση.ssi.

2. Χρησιμοποιήστε τον ακόλουθο κώδικα PHP για να συμπεριλάβετε αυτόν τον κώδικα HTML σε κάθε σελίδα (αντικαθιστώντας τη διαδρομή του αρχείου και το όνομα αρχείου μεταξύ των εισαγωγικών).

3. Προσθέστε τον ίδιο κωδικό σε κάθε σελίδα που θέλετε να συμπεριλάβετε το αρχείο.

Περιλαμβάνει JavaScript

JavaScript είναι ένας άλλος τρόπος για να συμπεριλάβετε HTML στις σελίδες του ιστότοπού σας. Αυτή η τεχνική δεν απαιτεί προγραμματισμό σε επίπεδο διακομιστή, αλλά είναι λίγο πιο περίπλοκη - και αυτό Προφανώς λειτουργεί για ένα πρόγραμμα περιήγησης που επιτρέπει το Javascript, το οποίο οι περισσότεροι κάνουν εκτός αν ο χρήστης αποφασίσει να απενεργοποιήσει το.

Να πώς μπορείτε συμπεριλάβετε ένα απόσπασμα HTML χρησιμοποιώντας JavaScript:

Αποθηκεύστε το HTML για τα κοινά στοιχεία του ιστότοπού σας σε ένα αρχείο JavaScript. Οποιοδήποτε HTML γραμμένο σε αυτό το αρχείο πρέπει να εκτυπωθεί στην οθόνη με το document.write λειτουργία.

1. Ανεβάστε αυτό το αρχείο στον ιστότοπό σας.

2. Χρησιμοποίησε ένα 

3. Χρησιμοποιήστε τον ίδιο κωδικό σε κάθε σελίδα που θέλετε να συμπεριλάβετε το αρχείο.

Τι περιλαμβάνει το HTML;

Η συμπερίληψη είναι μια ενότητα HTML που δεν είναι από μόνη της πλήρες έγγραφο HTML. Αντ 'αυτού, είναι ένα τμήμα μιας άλλης σελίδας που μπορεί να εισαχθεί σε μια πλήρη ιστοσελίδα μέσω προγραμματισμού. Τα περισσότερα περιλαμβάνουν αρχεία είναι εκείνα τα προαναφερθέντα στοιχεία που επαναλαμβάνονται σε πολλές σελίδες ενός ιστότοπου. Για παράδειγμα:

• Πλοήγηση
• Πληροφορίες πνευματικών δικαιωμάτων
• Περιοχές κεφαλίδας
• Περιοχές υποσέλιδων

Το πώς «Περιλαμβάνει» καθιστά το σχεδιασμό ιστοσελίδων πιο αποτελεσματικό

Σχεδόν όλοι οι ιστότοποι περιλαμβάνουν στοιχεία της σχεδίασης που επαναλαμβάνονται σε κάθε σελίδα του ιστότοπου, συμπεριλαμβανομένης της περιοχής κεφαλίδας όπου βρίσκεται το λογότυπο, του μενού πλοήγησης και της περιοχής υποσέλιδου.

Τα επαναλαμβανόμενα στοιχεία σε έναν ιστότοπο επιτρέπουν τη συνέπεια στην εμπειρία του χρήστη. Ένας επισκέπτης δεν χρειάζεται να εντοπίσει την πλοήγηση σε κάθε σελίδα γιατί μόλις το βρει, ξέρει πού θα βρίσκεται σε άλλες σελίδες του ιστότοπου που επισκέπτεται.

Το περιεχόμενο που περιλαμβάνεται εξαλείφει την ανάγκη επεξεργασίας κάθε σελίδας του ιστότοπού σας για αυτό το επαναλαμβανόμενο περιεχόμενο. Αντ 'αυτού, επεξεργάζεστε ένα αρχείο και στη συνέχεια ολόκληρο τον ιστότοπό σας και κάθε σελίδα σε αυτό λαμβάνει την ενημέρωση.

Επαναλαμβανόμενο περιεχόμενο σε συστήματα διαχείρισης περιεχομένου

Εάν ο ιστότοπός σας χρησιμοποιεί CMS, τότε πιθανότατα χρησιμοποιεί συγκεκριμένα πρότυπα ή θέματα που αποτελούν μέρος αυτού του λογισμικού. Ακόμα κι αν δημιουργείτε προσαρμοσμένα αυτά τα πρότυπα από το μηδέν, ο ιστότοπος εξακολουθεί να αξιοποιεί αυτό το πλαίσιο για τις σελίδες. Ως εκ τούτου, αυτά τα πρότυπα CMS περιέχουν τις περιοχές του ιστότοπου που επαναλαμβάνονται σε κάθε σελίδα. Απλώς συνδέεστε στο backend του CMS και επεξεργάζεστε τα απαραίτητα πρότυπα. Θα ενημερωθούν όλες οι σελίδες του ιστότοπου που χρησιμοποιούν αυτό το πρότυπο.

Ακόμα κι αν δεν χρησιμοποιείτε σύστημα διαχείρισης περιεχομένου για τον ιστότοπό σας, μπορείτε ακόμα να επωφεληθείτε από τα αρχεία που περιλαμβάνονται Σε HTML, περιλαμβάνει διευκολύνετε τη διαχείριση αυτών των προτύπων περιοχών του ιστότοπού σας.

Άλλες μέθοδοι συμπερίληψης

Υπάρχουν πολλοί άλλοι τρόποι για να συμπεριλάβετε HTML στις σελίδες σας. Μερικά είναι πιο περίπλοκα από άλλα, και πολλά από αυτά είναι πραγματικά ξεπερασμένα από τα σημερινά πρότυπα.

• Περιλαμβάνει CGI: Μπορείς να χρησιμοποιήσεις Perl ή άλλη γλώσσα προγραμματισμού για να δημιουργήσετε τις σελίδες σας και στη συνέχεια να συμπεριλάβετε ό, τι θέλετε, είτε ως "απαιτούν" αρχεία είτε διαβάζοντάς τα με μη αυτόματο τρόπο.
• Περιλαμβάνει το Flash: Εάν δημιουργήσετε τον ιστότοπό σας εξ ολοκλήρου στο Adobe Flash, μπορείτε στη συνέχεια να τον χρησιμοποιήσετε για να συμπεριλάβετε στοιχεία του ιστότοπου. Αυτή η μέθοδος είναι ξεπερασμένη και οι πλήρεις ιστότοποι Flash είναι σπάνιες στον Ιστό σήμερα.
• Περιλαμβάνονται πλαίσια: Αντί να χρησιμοποιείτε τα ίδια στοιχεία ξανά και ξανά σε πολλές σελίδες, δημιουργήστε έναν ιστότοπο με πλαίσιο όπου τα πλαίσια είναι τα διπλά τμήματα του ιστότοπου. Ωστόσο, εκτός από το στοιχείο iframe, τα πλαίσια είναι ξεπερασμένα σε HTML5.
• Περιλαμβάνει εργαλεία διαχείρισης περιεχομένου: Το Templating είναι ένα από τα σημαντικότερα σημεία πώλησης του CMS και είναι πραγματικά πώς αντιμετωπίζεται αυτή η εργασία στους περισσότερους ιστότοπους σήμερα.