Kako uključiti jednu HTML datoteku u drugu

Korištenje HTML-a može uvelike pojednostaviti upravljanje web-lokacijom

Idite na bilo koju web stranicu i krenite od stranice do stranice i brzo ćete shvatiti da, iako svaka od tih stranica može biti drugačija na mnoge načine, oni su također vrlo slični u drugima. Gotovo sve web stranice sadrže elemente dizajna koji se ponavljaju na svakoj stranici stranice. Neki primjeri elemenata web sučelja koji bi se našli na svakoj stranici bili bi područje zaglavlja na kojem se nalazi logotip, navigacija i podnožje.

Ponovljeni elementi na web mjestu omogućuju konzistentnost u korisničkom doživljaju. Posjetitelj ne mora locirati navigaciju na svakoj stranici, jer kada ga pronađu, znaju gdje će se nalaziti na drugim stranicama stranice koju posjećuju.

Kako uključuje izradu web stranica učinkovitije

Kao što je netko zadužen za upravljanje web stranicom, ta ponavljana područja nude izazov. Što ako trebate promijeniti nešto na tom području? Na primjer, ako je podnožje (koja se nalazi na svakoj stranici web-lokacije) sadrži izjavu o autorskom pravu s jednom godišnjom vrijednošću, što se događa kada se te godine izmijene i trebate urediti datum? Budući da je taj odjeljak na svakoj stranici, sada morate urediti svaku pojedinu stranicu svoje web lokacije pojedinačno kako biste izvršili tu promjenu - ili vi?

Uključeni sadržaj može eliminirati potrebu za uređivanjem svake stranice vaše web-lokacije za taj ponovljeni sadržaj. Umjesto toga jednostavno uredite jednu datoteku i cijelu web-lokaciju, a svaka stranica u njemu dobiva ažuriranje!

Pogledajmo nekoliko načina na koje možete dodati tu funkciju na svoju web lokaciju i uključiti jednu HTML datoteku u brojne druge.

Ponovljeni sadržaj u sustavima za upravljanje sadržajem

Ako vaša web-lokacija koristi CMS , vjerojatno koristi određene predloške ili su teme dio tog softvera. Čak i ako prilagođeno izradite te predloške od početka, web-lokacija i dalje koristi ovaj okvir za stranice.

Kao takvi, oni CMS predlošci sadržavat će područja web-lokacije koja se ponavljaju na svakoj stranici. Jednostavno se prijavite na pozadinu CMS-a i uredite potrebne predloške. Sve stranice web mjesta koje koriste taj predložak bit će ažurirane.

Čak i ako nemate sustav za upravljanje sadržajem za svoju web lokaciju, još uvijek možete iskoristiti prednosti uključenih datoteka. U HTML-u postoje i sadržaji koji olakšavaju upravljanje tim predloženim područjima vaše web stranice.

Što sadrže HTML?

Uključi je dio HTML-a koji nije samo HTML dokument. Umjesto toga, to je dio druge stranice koja se može umetnuti u potpuno web programiranje. Većina datoteka uključuju datoteke koje su navedene stavke koje se ponavljaju na više stranica web stranice. Na primjer:

Postoji prednost da ta ponavljana područja budu uključena na stranice. Nažalost, proces umetanja datoteke nije nešto što se može dogoditi samo s HTML-om, tako da morate imati neku vrstu programa ili skripte koja će dodati vaše datoteke za uključivanje u svoje web stranice.

Korištenje poslužiteljske strane uključuje

Poslužiteljska strana uključuje, također poznata i kao SSI, prvo razvijena kako bi web programeri omogućili "uključivanje" HTML dokumenata unutar drugih stranica.

U osnovi, isječak koji se nalazi u jednom dokumentu uključen je u drugi kada se stranica pokreće na poslužitelju i šalje se web pregledniku.

SSI je uključen na većinu web poslužitelja, ali možda ćete je morati omogućiti da biste ga mogli funkcionirati. Ako ne znate podržava li vaš poslužitelj SSI, obratite se svom pružatelju usluge hostinga .

Evo primjera kako možete koristiti SSI da biste uključili isječak HTML-a na sve svoje web stranice:

  1. Spremite HTML za zajedničke elemente svoje stranice kao zasebne datoteke. Na primjer, vaš bi navigacijski odjeljak mogao biti spremljen kao navigation.html ili navigation.ssi .
  2. Upotrijebite sljedeći SSI kôd da biste uključili taj kôd HTML dokumenta na svaku stranicu ( zamjenjujući stazu datoteke i naziv datoteke između navodnika ). {C}
  1. Dodajte ovaj kôd na svaku stranicu na koju želite uključiti datoteku.

Korištenje PHP uključuje

PHP je skriptni jezik na razini poslužitelja. Može učiniti mnogo stvari, ali jedna je uobičajena upotreba uključiti HTML dokumente unutar vaših stranica, na isti način na koji smo upravo pokrivali SSI.

Kao SSI, PHP je tehnologija na razini poslužitelja. Ako niste sigurni imate li PHP funkcionalnost na svojoj web stranici, obratite se svom pružatelju usluge hostinga.

Evo jednostavne PHP skripte koju možete upotrijebiti za uključivanje isječka HTML-a na bilo koju web stranicu s omogućenom PHP-om:

  1. Spremite HTML za zajedničke elemente svoje web lokacije, kao što je navigacija, da biste izdvojili datoteke. Na primjer, vaš bi navigacijski odjeljak mogao biti spremljen kao navigation.html ili navigation.ssi .
  2. Koristite sljedeći PHP kod za uključivanje tog HTML-a na svaku stranicu ( zamjenjujući stazu vaše datoteke i naziv datoteke između navodnika ). navigation.php ");?>
  3. Dodajte isti kôd na svaku stranicu na koju želite uključiti datoteku.

JavaScript uključuje

JavaScript je još jedan način uključivanja HTML-a u stranice vaše web stranice. To ima prednost u tome što ne zahtijeva programiranje na poslužiteljskoj razini, ali je malo složenije - i očito funkcionira za preglednik koji omogućuje Javascript, što većina čini, osim ako korisnik ne odluči onemogućiti ga.

Evo kako možete uključiti isječak HTML-a pomoću JavaScript :

  1. Spremite HTML za zajedničke elemente svoje web lokacije u JavaScript datoteku. Bilo koji HTML napisan u ovoj datoteci mora biti ispisan na zaslonu s funkcijom document.write.
  2. Prenesite tu datoteku na svoju web stranicu.
  3. Pomoću elementa