Utilizarea codului HTML poate simplifica foarte mult gestionarea site-ului dvs.
Du-te la orice site web și navigați de la pagină la pagină și veți realiza rapid că, în timp ce fiecare dintre aceste pagini pot fi diferite în multe feluri, ele sunt, de asemenea, destul de similare în altele. Aproape toate site-urile web includ elemente de design repetate pe fiecare pagină a site-ului. Câteva exemple de elemente de site care ar putea fi găsite în fiecare pagină ar fi zona antetului unde se află logo-ul, zona de navigare și subsolul.
Elementele repetate pe un site permit consistența experienței utilizatorului. Un vizitator nu trebuie să găsească navigația pe fiecare pagină, deoarece odată ce au găsit-o, ei știu unde va fi în alte pagini ale site-ului pe care îl vizitează.
Cum include designul Web-ului mai eficient
Ca cineva însărcinat cu gestionarea unui site web, aceste zone repetate oferă o provocare. Ce se întâmplă dacă trebuie să faceți o schimbare în ceva în această zonă? De exemplu, dacă subsolul dvs. (care apare pe fiecare pagină a site-ului) include o declarație privind drepturile de autor cu un an, ce se întâmplă atunci când acel an se schimbă și trebuie să editați data? Întrucât această secțiune se află pe fiecare pagină, trebuie să editați fiecare pagină individuală a site-ului în mod individual pentru a face această schimbare - sau nu?
Conținutul inclus poate elimina necesitatea de a edita fiecare pagină a site-ului dvs. pentru acest conținut repetat. În schimb, pur și simplu editați un fișier și întregul dvs. site și fiecare pagină din el primește actualizarea!
Să analizăm câteva moduri în care puteți adăuga această funcție în site-ul dvs. și puteți include un fișier HTML într-un număr de alte.
Conținutul repetat în sistemele de gestionare a conținutului
Dacă site-ul dvs. utilizează un CMS , probabil că utilizează anumite șabloane sau temele fac parte din acel software. Chiar dacă personalizați construiți aceste șabloane de la zero, site-ul utilizează în continuare acest cadru pentru pagini.
Ca atare, aceste șabloane CMS vor conține zonele site-ului repetate pe fiecare pagină. Trebuie doar să vă conectați la backend-ul CMS și să editați șabloanele necesare. Toate paginile site-ului care utilizează șablonul vor fi actualizate.
Chiar dacă nu aveți un sistem de gestionare a conținutului pentru site-ul dvs., puteți utiliza în continuare fișierele incluse. În HTML, sunt incluse care pot ajuta la facilitarea gestionării acestor zone template ale site-ului dvs.
Ce includ HTML?
An include 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ă de programare. Cele mai multe fișiere includ fișierele menționate anterior, repetate pe mai multe pagini ale unui site web. De exemplu:
- Navigare
- Drepturi de autor
- Domenii de antet
- Subsoluri
Există un avantaj în a include aceste pagini repetate pe pagini. Din nefericire, procesul de inserare a unui fișier nu este ceva care se poate întâmpla doar cu HTML, deci trebuie să aveți un anumit tip de program sau script care va adăuga fișierele dvs. de includere în paginile dvs. Web.
Folosind Server Side Includes
Server Side Includes, cunoscut și ca SSI, a fost dezvoltat pentru a permite dezvoltatorilor Web să "includă" documente HTML în interiorul altor pagini.
Practic, un fragment care se găsește într-un singur document este inclus în altul atunci când pagina este rulată la server și trimisă în browserul web.
SSI este inclus pe majoritatea serverelor web, dar este posibil să fie necesar să o activați pentru a putea funcționa. Dacă nu știți dacă serverul dvs. acceptă SSI, contactați furnizorul dvs. de găzduire .
Iată un exemplu în care puteți utiliza SSI pentru a include un fragment de cod HTML în toate paginile dvs. web:
- Salvați codul HTML pentru elementele comune ale site-ului dvs. ca fișiere separate. De exemplu, secțiunea de navigare poate fi salvată ca navigation.html sau navigation.ssi .
- Utilizați următorul cod SSI pentru a include codul documentului HTML în fiecare pagină ( înlocuind căsuța și numele fișierului între ghilimele ). {C}
- Adăugați acest cod pe fiecare pagină pe care doriți să includeți fișierul.
Utilizarea PHP include
PHP este un limbaj de scripting la nivel de server. Poate face mai multe lucruri, dar o utilizare obișnuită este includerea documentelor HTML în paginile dvs., la fel cum am acoperit cu SSI.
Ca SSI, PHP este o tehnologie de nivel server. Dacă nu sunteți sigur dacă aveți funcționalitate PHP pe site-ul dvs., contactați furnizorul dvs. de găzduire.
Iată un simplu script PHP pe care îl poți folosi pentru a include un fragment de cod HTML pe orice pagină Web activată cu PHP:
- Salvați codul HTML pentru elementele comune ale site-ului dvs., cum ar fi navigația, pentru a separa fișierele. De exemplu, secțiunea de navigare poate fi salvată ca navigation.html sau navigation.ssi .
- Utilizați următorul cod PHP pentru a include acel cod HTML în fiecare pagină ( înlocuind căsuța și numele fișierului dvs. între ghilimele ). navigation.php ");?>
- Adăugați același cod pe fiecare pagină pe care doriți să o includeți.
Include JavaScript
JavaScript este un alt mod de a include HTML în paginile site-ului dvs. Acest lucru are avantajul de a nu necesita programare la nivel de server, dar este un pic mai complicat - și, evident, funcționează pentru un browser care permite Javascript, ceea ce se întâmplă cel mai mult dacă utilizatorul nu decide să îl dezactiveze.
Iată cum puteți include un fragment de cod HTML utilizând JavaScript :
- Salvați codul HTML pentru elementele comune ale site-ului dvs. într-un fișier JavaScript. Orice cod HTML scris în acest fișier trebuie imprimat pe ecran cu funcția document.write.
- Încărcați acel fișier pe site-ul dvs. web.
- Utilizați un element