Kako vključiti eno datoteko HTML v drugo

click fraud protection

Kaj vedeti

  • Vključena vsebina odpravlja potrebo po urejanju vsake strani vašega spletnega mesta zaradi ponavljajoče se vsebine.
  • Na strani strežnika, PHP in JavaScript Includes omogočajo dodajanje posebnih kod na katero koli stran, na katero želite vključiti datoteko.
  • Spletna mesta s sistemom za upravljanje vsebin uporabljajo predloge ali teme za ponavljajočo se vsebino.

V tem članku je razloženo, kako deluje »Vključuje«, in podani koraki za uporabo Vključuje na strani strežnika, Vključuje PHP in Vključuje JavaScript.

Uporaba strežniške strani vključuje

Server Side Includes je bil prvič razvit, da spletnim razvijalcem omogoča, da "vključujejo" dokumente HTML na druge strani. V bistvu se delček, ki ga najdemo v enem dokumentu, vključi v drugega, ko se stran zažene na strežniku in pošlje spletnemu brskalniku.

SSI je vključen v večino spletnih strežnikov, vendar ga boste morda morali omogočiti, da bo deloval. Če ne veste, ali vaš strežnik podpira SSI, se obrnite na ponudnik gostovanja.

Tu je primer, kako lahko s pomočjo SSI vključite delček HTML-ja na vse svoje spletne strani:

instagram viewer
  1. Shranite HTML za pogoste elemente spletnega mesta kot ločene datoteke. Na primer, vaš odsek za navigacijo se lahko shrani kot navigation.html ali navigacija.ssi.

  2. Uporabite naslednjo kodo SSI, da na vsako stran vključite kodo tega dokumenta HTML.


    ali.

    The vključujejo direktiva sprejema dva parametra. Virtualno domneva, da je ime datoteke relativno v korenu dokumenta spletnega mesta, medtem ko mapa sprejme absolutno pot datoteke.

  3. To kodo dodajte na vsako stran, na katero želite vključiti datoteko.

Uporaba PHP Includes

Tako kot SSI, PHP je tehnologija na ravni strežnika. Če niste prepričani, ali imate na svojem spletnem mestu funkcijo PHP, se obrnite na ponudnika gostovanja.

Tu je preprost skript PHP, s katerim lahko delček HTML vključite na katero koli spletno stran, ki podpira PHP:

  1. Shranite HTML za pogoste elemente spletnega mesta, kot je navigacija, da ločite datoteke. Na primer, vaš odsek za navigacijo se lahko shrani kot navigation.html ali navigacija.ssi.

  2. Uporabite naslednjo kodo PHP, da vključite ta HTML na vsako stran (zamenjava poti in imena datoteke med narekovaji).

  3. To isto kodo dodajte na vsako stran, na katero želite vključiti datoteko.

JavaScript vključuje

JavaScript je še en način za vključitev HTML-ja na strani vašega spletnega mesta. Ta tehnika ne zahteva programiranja na ravni strežnika, je pa nekoliko bolj zapletena - in to očitno deluje v brskalniku, ki omogoča Javascript, kar večina počne, razen če se uporabnik odloči za onemogočanje to.

Tukaj je, kako lahko vključite delček HTML z uporabo JavaScript:

Shranite HTML za pogoste elemente spletnega mesta v datoteko JavaScript. Vsak HTML, zapisan v tej datoteki, mora biti natisnjen na zaslon z znakom document.write funkcijo.

  1. Naložite to datoteko na svoje spletno mesto.

  2. Uporabi 

  3. Na isti strani uporabite isto kodo, na katero želite vključiti datoteko.

Kaj vključuje HTML?

Vključi je odsek HTML, ki sam po sebi ni celoten dokument HTML. Namesto tega gre za del druge strani, ki jo lahko s programiranjem vstavite v celotno spletno stran. Večina vključuje datoteke, ki so omenjene postavke, ki se ponavljajo na več straneh spletnega mesta. Na primer:

  • Navigacija
  • Informacije o avtorskih pravicah
  • Področja glave
  • Podnožja

Kako »Includes« naredi spletno oblikovanje bolj učinkovito

Skoraj vsa spletna mesta vključujejo elemente oblikovanja, ki se ponavljajo na vseh straneh spletnega mesta, vključno z območjem glave, kjer je logotip, navigacijskim menijem in območjem noge.

Ponavljajoči se elementi na spletnem mestu omogočajo doslednost v uporabniški izkušnji. Obiskovalcu ni treba najti navigacije na vsaki strani, ker ko jo najde, ve, kje bo na drugih straneh spletnega mesta, ki ga obišče.

Vključena vsebina odpravlja potrebo po urejanju vseh strani vašega spletnega mesta za to ponavljajočo se vsebino. Namesto tega uredite eno datoteko, nato pa celotno spletno mesto in vsaka stran v njem dobi posodobitev.

Datoteke HTML

Ponavljajoča se vsebina v sistemih za upravljanje vsebin

Če vaše spletno mesto uporablja sistem za upravljanje vsebin, potem verjetno uporablja nekatere predloge ali teme, ki so del te programske opreme. Tudi če te predloge izdelate po meri iz nič, spletno mesto še vedno uporablja ta okvir za strani. Te predloge CMS vsebujejo področja spletnega mesta, ki se ponavljajo na vsaki strani. Preprosto se prijavite v zaledje sistema za upravljanje vsebin in uredite potrebne predloge. Posodobljene bodo vse strani spletnega mesta, ki uporabljajo to predlogo.

Tudi če za svoje spletno mesto ne uporabljate sistema za upravljanje vsebine, lahko vseeno izkoristite vključene datoteke. V HTML, vključuje pomagajte olajšati upravljanje s temi predlogi območij vašega spletnega mesta.

Druge metode vključujejo

Obstaja več drugih načinov za vključitev HTML-ja na vaše strani. Nekateri so bolj zapleteni kot drugi, mnogi pa so po današnjih standardih dejansko zastareli.

  • CGI Vključuje: Lahko uporabiš Perl ali drug programski jezik, da ustvarite svoje strani in nato vključite vse, kar želite, bodisi kot datoteke »zahtevaj« bodisi z ročnim branjem.
  • Flash vključuje: Če spletno mesto v celoti izdelate v Adobe Flash, ga lahko nato uporabite za vključitev elementov spletnega mesta. Ta metoda je zastarela in celotna spletna mesta Flash so danes redkost na spletu.
  • Okvirji vključujejo: Namesto da na več straneh vedno znova uporabljate iste elemente, ustvarite uokvirjeno spletno mesto, kjer so okvirji podvojeni deli spletnega mesta. Vendar, razen elementa iframe, okvirji so zastareli v HTML5.
  • Orodja za upravljanje vsebine Vključuje: Predloge so ena glavnih prodajnih točk sistema za upravljanje vsebin in res je, kako to delo danes obravnavajo na večini spletnih mest.
instagram story viewer