Uporaba HTML-jev lahko v veliki meri poenostavlja upravljanje vašega spletnega mesta
Pojdite na katero koli spletno stran in se pomaknite s strani na stran in kmalu boste spoznali, da je vsaka od teh strani lahko različna na več načinov, v drugih pa je precej podobna. Skoraj vsa spletna mesta vključujejo elemente oblikovanja, ki se ponavljajo na vsaki strani na spletni strani. Nekateri primeri elementov spletnega mesta, ki bi jih našli na vsaki strani, bi bili glava, kjer se nahaja logotip, navigacija in območje noge.
Ponavljajoči se elementi na spletnem mestu omogočajo doslednost uporabniške izkušnje. Obiskovalcu ni treba poiskati navigacije na vsaki strani, ker so, ko so jo našli, vedeli, kje bodo na drugih straneh spletnega mesta, ki ga obiščejo.
Kako vključujejo izboljšanje učinkovitosti spletnega oblikovanja
Kot nekdo, ki je zadolžen za upravljanje spletne strani, ta ponavljajoča se področja ponujajo izziv. Kaj, če morate spremeniti nekaj na tem področju? Če na primer vaša noga (ki je na vsaki strani spletnega mesta) vključuje izjavo o avtorskih pravicah z letom, kaj se zgodi, ko se to leto spremeni, in morate urediti datum? Ker je ta razdelek na vsaki strani, morate zdaj vsako stran posamezne strani urejati, da bi to spremenili - ali ne?
Vključena vsebina lahko odpravi potrebo po urejanju vsake strani vašega spletnega mesta za to ponovljeno vsebino. Namesto tega preprosto uredite eno datoteko in celotno spletno stran ter vsako stran v njej dobi posodobitev!
Oglejmo si nekaj načinov, na katere lahko dodate to funkcionalnost na svojo spletno stran in vključite eno HTML datoteko v več drugih.
Ponovno vsebino v sistemih za upravljanje vsebin
Če vaše spletno mesto uporablja CMS , potem verjetno uporablja določene predloge ali teme so del te programske opreme. Tudi če po meri ustvarite te predloge iz nič, spletna stran še vedno uporablja ta okvir za strani.
Kot take bodo predloge CMS vsebovali področja spletnega mesta, ki se ponovijo na vsaki strani. Vi preprosto prijavite v ozadje CMS in uredite potrebne predloge. Vse strani spletnega mesta, ki uporabljajo to predlogo, bodo posodobljene.
Tudi če za vašo spletno stran nimate sistema za upravljanje vsebine, lahko še vedno izkoristite priložene datoteke. V HTML-u so vključki, ki vam lahko olajšajo upravljanje tem območij vašega spletnega mesta.
Kaj vsebuje HTML?
Vključitev je del HTML-ja, ki ni sam polni HTML-dokument. Namesto tega je del druge strani, ki se lahko vstavi v celotno programiranje spletnih strani. Večina vključuje datoteke so tiste prej omenjene postavke, ki se ponavljajo na več straneh spletnega mesta. Na primer:
- Navigacija
- Informacije o avtorskih pravicah
- Območja glave
- Podnožja
Obstaja prednost, da so ta ponavljajoča se področja vključena na straneh. Na žalost postopek vstavljanja datoteke ni nekaj, kar se lahko zgodi samo z HTML-jem, zato morate imeti nek program ali skripto, ki bo vaše spletne datoteke dodal v svoje spletne strani.
Uporaba strežniške strani vključuje
Server Side Includes, znani tudi kot SSI, so bili prvič razviti, da bi lahko spletni razvijalci "vključili" HTML dokumente na druge strani.
V bistvu je delček, ki ga najdemo v enem dokumentu, vključen v drugo, ko se stran zažene na strežniku in se pošlje v spletni brskalnik.
SSI je vključen na 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 ponudnika gostovanja .
Tu je primer, kako lahko s SSI uporabite delček HTML na vseh svojih spletnih straneh:
- Shranite HTML za skupne elemente vaše spletne strani kot ločene datoteke. Na primer, vaš razdelek za krmarjenje je morda shranjen kot navigacija.html ali navigation.ssi .
- Uporabite naslednjo kodo SSI, če želite v vsako stran vključiti kodo HTML dokumenta (z nadomeščanjem poti vaše datoteke in imena datoteke med narekovaji ). {C}
- Dodajte to kodo na vsaki strani, ki jo želite vključiti.
Uporaba PHP vključuje
PHP je skriptni jezik na ravni strežnika. To lahko naredi nekaj stvari, a ena pogosta uporaba je vključiti HTML dokumente znotraj vaših strani, podobno kot smo šele pokrili s SSI.
Kot SSI, je PHP tehnologija strežniškega nivoja. Če niste prepričani, ali imate funkcijo PHP na svojem spletnem mestu, se obrnite na svojega ponudnika gostovanja.
Tukaj je preprost PHP skript, ki ga lahko uporabite za vključitev delčka HTML na katero koli spletno stran, ki podpira PHP:
- Shranite HTML za skupne elemente spletnega mesta, na primer navigacijo, za ločevanje datotek. Na primer, vaš razdelek za krmarjenje je morda shranjen kot navigacija.html ali navigation.ssi .
- Uporabite naslednjo kodo PHP, da vključite ta HTML na vsako stran (z nadomeščanjem poti vaše datoteke in imena datoteke med narekovaji ). navigation.php ");?>
- Dodajte to isto kodo na vsaki strani, ki jo želite vključiti.
JavaScript vključuje
JavaScript je še en način za vključitev HTML na strani vašega spletnega mesta. To ima prednost, da ne zahteva programiranja na ravni strežnika, vendar je nekoliko bolj zapleteno - in očitno deluje za brskalnik, ki omogoča Javascript, kar večinoma počne, razen če se uporabnik odloči, da ga bo onemogočil.
Tukaj je, kako lahko vključite delček HTML s JavaScriptom :
- Shranite HTML za skupne elemente vaše spletne strani v datoteko JavaScript. Vsak HTML, napisan v tej datoteki, mora biti natisnjen na zaslon s funkcijo document.write.
- Naložite to datoteko na svoje spletno mesto.
- Uporabite element