Cum se include un fișier HTML în altul

Acest articol explică modul în care funcționează „Include” și oferă pași pentru utilizarea Server Include, PHP Include și JavaScript Include.

Utilizarea include partea serverului

Server Side Include a fost dezvoltat pentru a permite dezvoltatorilor web să „includă” documente HTML în alte pagini. Practic, un fragment care se găsește într-un document este inclus în altul atunci când pagina este rulată pe server și trimisă browserului web.

SSI este inclus pe majoritatea serverelor web, dar este posibil să fie necesar să îl activați pentru a putea funcționa. Dacă nu știți dacă serverul dvs. acceptă SSI, contactați furnizor de hosting.

Iată un exemplu despre cum puteți utiliza SSI pentru a include un fragment de HTML în toate paginile dvs. web:

1. Salvați codul HTML pentru elementele comune ale site-ului dvs. ca fișiere separate. De exemplu, secțiunea dvs. de navigare ar putea fi salvată ca navigation.html sau navigare.ssi.

2. Utilizați următorul cod SSI pentru a include codul documentului HTML respectiv în fiecare pagină.

   
   sau.
   

   include directiva acceptă doi parametri. Virtual presupune că numele fișierului este relativ la rădăcina documentului site-ului web, întrucât fişier acceptă o cale absolută a fișierului.

3. Adăugați acest cod pe fiecare pagină pe care doriți să o includeți.

Utilizarea PHP include

Ca și SSI, PHP este o tehnologie la nivel de server. Dacă nu sunteți sigur dacă aveți funcționalitate PHP pe site-ul dvs., contactați furnizorul de găzduire.

Iată un script PHP simplu pe care îl puteți utiliza pentru a include un fragment de HTML pe orice pagină web compatibilă cu PHP:

1. Salvați codul HTML pentru elementele comune ale site-ului dvs., cum ar fi navigarea, pentru a separa fișiere. De exemplu, secțiunea dvs. de navigare ar putea fi salvată ca navigation.html sau navigare.ssi.

2. Utilizați următorul cod PHP pentru a include acel HTML în fiecare pagină (înlocuind calea și numele fișierului între ghilimele).

3. Adăugați același cod pe fiecare pagină pe care doriți să o includeți.

JavaScript Include

JavaScript este un alt mod de a include HTML în paginile site-ului dvs. Această tehnică nu necesită programare la nivel de server, dar este puțin mai complicată - și asta funcționează în mod evident pentru un browser care permite Javascript, ceea ce majoritatea fac, cu excepția cazului în care utilizatorul decide să dezactiveze aceasta.

Iată cum poți includeți un fragment de HTML folosind JavaScript:

Salvați codul HTML pentru elementele comune ale site-ului dvs. într-un fișier JavaScript. Orice HTML scris în acest fișier trebuie să fie tipărit pe ecran cu document.scrie funcţie.

1. Încărcați acel fișier pe site-ul dvs. web.

2. Folosește o 

3. Utilizați același cod pe fiecare pagină pe care doriți să o includeți.

Ce include HTML?

Includerea este o secțiune de HTML care nu este un document HTML complet de la sine. În schimb, este o porțiune a unei alte pagini care poate fi inserată într-o pagină web completă prin programare. Cele mai multe fișiere includ acele elemente menționate anterior, care sunt repetate pe mai multe pagini ale unui site web. De exemplu:

• Navigare
• Informații privind drepturile de autor
• Zone de antet
• Zonele de subsol

Modul „Include” face ca designul web să fie mai eficient

Aproape toate site-urile web includ elemente de design care sunt repetate pe fiecare pagină a site-ului, inclusiv zona antetului în care se află logo-ul, meniul de navigare și zona subsolului.

Elementele repetate pe un site permit consecvență în experiența utilizatorului. Un vizitator nu trebuie să localizeze navigarea pe fiecare pagină, deoarece odată ce a găsit-o, știe unde va fi pe alte pagini ale site-ului pe care îl vizitează.

Conținutul inclus elimină necesitatea de a edita fiecare pagină a site-ului dvs. pentru acest conținut repetat. În schimb, editați un fișier și apoi întregul site și fiecare pagină din acesta primește actualizarea.

Conținut repetat în sistemele de gestionare a conținutului

Dacă site-ul dvs. folosește un CMS, atunci probabil că folosește anumite șabloane sau teme care fac parte din acel software. Chiar dacă creați aceste șabloane personalizate de la zero, site-ul utilizează în continuare acest cadru pentru pagini. Ca atare, aceste șabloane CMS conțin zonele site-ului care se repetă pe fiecare pagină. Pur și simplu vă conectați la backend-ul CMS și editați șabloanele necesare. Toate paginile site-ului care utilizează șablonul respectiv vor fi actualizate.

Chiar dacă nu utilizați un sistem de gestionare a conținutului pentru site-ul dvs., puteți profita în continuare de fișierele incluse. În HTML, include ajutați la simplificarea gestionării acestor zone modelate ale site-ului dvs.

Alte metode includ

Există mai multe alte modalități de a include HTML în paginile dvs. Unele sunt mai complicate decât altele și multe dintre ele sunt de fapt depășite de standardele actuale.

• CGI Include: Poți să folosești Perl sau un alt limbaj de programare pentru a vă crea paginile și apoi includeți orice doriți, fie ca fișiere „solicitate”, fie citind-le manual.
• Blițul include: Dacă vă construiți site-ul în întregime în Adobe Flash, îl puteți utiliza pentru a include elemente ale site-ului. Această metodă este învechită, iar site-urile Flash complete sunt o raritate pe web în zilele noastre.
• Rame includ: În loc să utilizați aceleași elemente de mai multe ori pe mai multe pagini, creați un site încadrat în care cadrele sunt porțiunile duplicate ale site-ului. Cu toate acestea, cu excepția elementului iframe, cadrele sunt învechite în HTML5.
• Instrumentele de gestionare a conținutului includ: Șablonarea este unul dintre principalele puncte de vânzare ale CMS și este modul în care această lucrare este gestionată astăzi pe majoritatea site-urilor.