Kako uključiti jednu HTML datoteku u drugu

click fraud protection

Što znati

  • Uključeni sadržaj eliminira potrebu za uređivanjem svake stranice vašeg web mjesta radi ponovljenog sadržaja.
  • Na strani poslužitelja, PHP i JavaScript Includes omogućuju vam dodavanje posebnih kodova na bilo koju stranicu na koju želite uključiti datoteku.
  • CMS stranice koriste predloške ili teme za ponovljeni sadržaj.

Ovaj članak objašnjava kako funkcionira "Uključuje" i daje korake za upotrebu Uključuje na poslužitelju, PHP uključuje i JavaScript uključuje.

Korištenje Server Server Includes

Server Side Includes prvi je put razvijen kako bi web programerima omogućio da "uključuju" HTML dokumente unutar drugih stranica. U osnovi, isječak koji se nalazi u jednom dokumentu uključuje se u drugi kada se stranica pokrene na poslužitelju i pošalje web pregledniku.

SSI je uključen u većinu web poslužitelja, ali možda ćete ga morati omogućiti da bi mogao raditi. Ako ne znate podržava li vaš poslužitelj SSI, obratite se svom pružatelj usluge hostinga.

Evo primjera kako pomoću SSI-a možete uključiti isječak HTML-a na sve svoje web stranice:

instagram viewer
  1. Spremite HTML za uobičajene elemente vašeg web mjesta kao zasebne datoteke. Na primjer, odjeljak za navigaciju može biti spremljen kao orijentacija.html ili navigacija.ssi.

  2. Upotrijebite sljedeći SSI kôd za uključivanje koda tog HTML dokumenta na svaku stranicu.


    ili.

    The uključuju direktiva prihvaća dva parametra. Virtualan pretpostavlja da je naziv datoteke u odnosu na korijen dokumenta web mjesta, dok datoteka prihvaća apsolutni put datoteke.

  3. Dodajte ovaj kod na svaku stranicu na koju želite uključiti datoteku.

Korištenje PHP-a uključuje

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

Evo jednostavne PHP skripte pomoću koje možete uključiti isječak HTML-a na bilo koju web stranicu s omogućenim PHP-om:

  1. Spremite HTML za uobičajene elemente vašeg web mjesta, poput navigacije, da biste odvojili datoteke. Na primjer, odjeljak za navigaciju može biti spremljen kao orijentacija.html ili navigacija.ssi.

  2. Upotrijebite sljedeći PHP kôd da biste uključili taj HTML na svaku stranicu (zamjenjujući put i naziv datoteke između navodnika).

  3. Dodajte isti kod na svaku stranicu na koju želite uključiti datoteku.

JavaScript uključuje

JavaScript je još jedan način za uključivanje HTML-a na stranice vašeg web mjesta. Ova tehnika ne zahtijeva programiranje na razini poslužitelja, ali je malo složenija - i to očito radi za preglednik koji omogućuje Javascript, što većina radi osim ako korisnik ne odluči onemogućiti to.

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

Spremite HTML za uobičajene elemente vašeg web mjesta u JavaScript datoteku. Bilo koji HTML zapisan u ovoj datoteci mora se ispisati na zaslon s dokument.pisati funkcija.

  1. Prenesite tu datoteku na svoje web mjesto.

  2. Koristi 

  3. Koristite isti kod na svakoj stranici na koju želite uključiti datoteku.

Što uključuje HTML?

Uključivanje je odjeljak HTML-a koji sam po sebi nije cjelovit HTML dokument. Umjesto toga, to je dio druge stranice koji se može umetnuti u cijelu web stranicu programiranjem. Većina uključuje datoteke su one gore spomenute stavke koje se ponavljaju na nekoliko stranica web mjesta. Na primjer:

  • Navigacija
  • Podaci o autorskim pravima
  • Područja zaglavlja
  • Podnožja

Kako 'Includes' čini web dizajn učinkovitijim

Gotovo sve web stranice uključuju elemente dizajna koji se ponavljaju na svakoj stranici web lokacije, uključujući područje zaglavlja u kojem se nalazi logotip, navigacijski izbornik i područje podnožja.

Ponavljani elementi na web mjestu omogućuju dosljednost u korisničkom iskustvu. Posjetitelj ne mora locirati navigaciju na svakoj stranici, jer nakon što je pronađu, znaju gdje će biti na ostalim stranicama web stranice koju posjete.

Uključeni sadržaj eliminira potrebu za uređivanjem svake stranice vašeg web mjesta za ovaj ponovljeni sadržaj. Umjesto toga uredite jednu datoteku, a zatim cijelo web mjesto i sve stranice u njemu dobivaju ažuriranje.

HTML datoteke

Ponovljeni sadržaj u sustavima za upravljanje sadržajem

Ako vaša web lokacija koristi CMS, tada vjerojatno koristi određene predloške ili teme koje su dio tog softvera. Čak i ako prilagodite ove predloške iz početka, web-mjesto i dalje koristi ovaj okvir za stranice. Kao takvi, ti CMS predlošci sadrže područja web mjesta 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 za svoju web lokaciju ne upotrebljavate sustav za upravljanje sadržajem, i dalje možete iskoristiti uključene datoteke. U HTML-u, uključuje pomozite olakšati upravljanje tim predlošcima vašeg web mjesta.

Ostalo uključuje metode

Postoji nekoliko drugih načina za uključivanje HTML-a na vaše stranice. Neki su složeniji od drugih, a mnogi su od njih zastarjeli po današnjim standardima.

  • CGI uključuje: Možeš koristiti Perl ili neki drugi programski jezik za stvaranje vaših stranica, a zatim uključite sve što želite, bilo kao datoteke "zahtijeva" ili ručnim čitanjem.
  • Flash uključuje: Ako svoje web mjesto izradite u potpunosti na Adobe Flash, tada ga možete koristiti za uključivanje elemenata web mjesta. Ova je metoda zastarjela i web mjesta s punim Flash-om danas su rijetkost na webu.
  • Okviri uključuju: Umjesto da upotrebljavate iste elemente više puta na nekoliko stranica, stvorite uokvireno mjesto na kojem su okviri duplicirani dijelovi web mjesta. Međutim, osim elementa iframe, okviri su zastarjeli u HTML5.
  • Alati za upravljanje sadržajem uključuju: Predlošci su jedna od glavnih prodajnih točaka CMS-a i zaista se danas na većini web mjesta rješava ovaj posao.
instagram story viewer