Ako zahrnúť jeden súbor HTML do iného

Čo treba vedieť

  • Zahrnutý obsah eliminuje potrebu upravovať každú stránku vášho webu kvôli opakovanému obsahu.
  • Zahrnutie na strane servera, PHP a JavaScript vám umožňuje pridať konkrétne kódy na ľubovoľnú stránku, na ktorú chcete zahrnúť súbor.
  • Weby CMS používajú šablóny alebo témy pre opakovaný obsah.

Tento článok vysvetľuje, ako funguje program „Zahŕňa“, a poskytuje kroky na používanie zahrnutia na strane servera, zahrnutia PHP a zahrnutia JavaScriptu.

Použitie na strane servera Zahŕňa

Zahrnutie na stranu servera bolo prvýkrát vyvinuté, aby umožnilo webovým vývojárom „zahrnúť“ dokumenty HTML do iných stránok. Útržok, ktorý sa nachádza v jednom dokumente, je v zásade zahrnutý do druhého, keď je stránka spustená na serveri a odoslaná do webového prehliadača.

SSI je súčasťou väčšiny webových serverov, ale kvôli zaisteniu funkčnosti ho možno budete musieť povoliť. Ak neviete, či váš server podporuje SSI, kontaktujte svojho poskytovateľ hostingu.

Tu je príklad toho, ako môžete pomocou SSI zahrnúť útržok kódu HTML na všetky svoje webové stránky:

instagram viewer
  1. Uložte kód HTML bežných prvkov vášho webu ako samostatné súbory. Vaša navigačná sekcia môže byť napríklad uložená ako navigation.html alebo navigácia.ssi.

  2. Pomocou nasledujúceho kódu SSI môžete zahrnúť kód daného dokumentu HTML na každú stránku.


    alebo

    The zahrnúť smernica prijíma dva parametre. Virtuálne predpokladá, že názov súboru je relatívny k koreňu dokumentu na webe, zatiaľ čo spis akceptuje absolútnu cestu k súboru.

  3. Pridajte tento kód na každú stránku, ktorú chcete zahrnúť do súboru.

Používanie PHP Zahŕňa

Rovnako ako SSI, PHP je technológia na úrovni servera. Ak si nie ste istí, či máte na svojom webe funkčnosť PHP, kontaktujte svojho poskytovateľa hostingu.

Tu je jednoduchý skript PHP, ktorý môžete použiť na vloženie útržku kódu HTML na ľubovoľnú webovú stránku s povoleným PHP:

  1. Uložte kód HTML bežných prvkov vášho webu, napríklad navigácie, do samostatných súborov. Vaša navigačná sekcia môže byť napríklad uložená ako navigation.html alebo navigácia.ssi.

  2. Pomocou nasledujúceho kódu PHP zahrňte tento HTML do každej stránky (nahradením cesty a názvu súboru medzi úvodzovkami).

  3. Rovnaký kód pridajte na každú stránku, ktorú chcete zahrnúť do súboru.

Zahŕňa JavaScript

JavaScript je ďalší spôsob, ako zahrnúť HTML na stránky vášho webu. Táto technika nevyžaduje programovanie na úrovni servera, ale je o niečo komplikovanejšia - a ono zjavne funguje pre prehliadač, ktorý umožňuje Javascript, čo väčšina robí, pokiaľ sa používateľ nerozhodne zakázať to.

Takto môžete zahrnúť útržok kódu HTML pomocou kódu JavaScript:

Uložte HTML bežných prvkov vášho webu do súboru JavaScript. Akýkoľvek HTML napísaný v tomto súbore musí byť vytlačený na obrazovku znakom dokument.písať funkcie.

  1. Nahrajte tento súbor na svoju webovú stránku.

  2. Použite a 

  3. Rovnaký kód použite na každej stránke, ktorú chcete zahrnúť do súboru.

Čo obsahuje HTML?

Zahrnutie je časť HTML, ktorá sama o sebe nie je úplným dokumentom HTML. Namiesto toho je to časť inej stránky, ktorú je možné pomocou programovania vložiť na celú webovú stránku. Najčastejšie zahŕňajú súbory, ktoré sú uvedené vyššie, ktoré sa opakujú na niekoľkých stránkach webovej stránky. Napríklad:

  • Navigácia
  • Informácie o autorských právach
  • Oblasti hlavičky
  • Pätné oblasti

Ako „zahrňuje“ zefektívnenie webdizajnu

Takmer všetky webové stránky obsahujú prvky dizajnu, ktoré sa opakujú na každej stránke, vrátane oblasti hlavičky, kde je umiestnené logo, navigačnej ponuky a oblasti päty.

Opakované prvky na webe umožňujú konzistentnosť používateľského zážitku. Návštevník nemusí nachádzať navigáciu na každej stránke, pretože akonáhle ju nájde, vie, kde bude na ďalších stránkach navštívenej stránky.

Zahrnutý obsah vylučuje potrebu upravovať každú stránku vášho webu pre tento opakovaný obsah. Namiesto toho upravíte jeden súbor a potom aktualizáciu získa celý váš web a každá jeho stránka.

Súbory HTML

Opakovaný obsah v systémoch na správu obsahu

Ak váš web používa CMS, pravdepodobne používa určité šablóny alebo témy, ktoré sú súčasťou tohto softvéru. Aj keď tieto šablóny zostavujete úplne od začiatku, web stále využíva tento rámec pre tieto stránky. Tieto šablóny CMS ako také obsahujú oblasti webu, ktoré sa opakujú na každej stránke. Jednoducho sa prihlásite do backendu CMS a upravíte potrebné šablóny. Všetky stránky webu, ktoré používajú túto šablónu, budú aktualizované.

Aj keď nepoužívate pre svoju stránku systém na správu obsahu, stále môžete využívať výhody zahrnutých súborov. V HTML zahŕňa pomôžte uľahčiť správu týchto templátovaných oblastí vášho webu.

Ostatné Zahrnúť metódy

Existuje niekoľko ďalších spôsobov, ako zahrnúť HTML na svoje stránky. Niektoré sú komplikovanejšie ako iné a mnohé z nich sú v dnešnej dobe skutočne zastarané.

  • CGI Zahŕňa: Môžeš použiť Perl alebo iný programovací jazyk na vytvorenie vašich stránok a potom zahrňte, čo chcete, buď ako súbory „vyžadujúce“, alebo ich manuálnym načítaním.
  • Flash obsahuje: Ak svoje stránky zostavujete úplne v programe Adobe Flash, môžete ich použiť na zahrnutie prvkov stránky. Táto metóda je zastaraná a stránky Flash sú v dnešnej dobe na webe vzácnosťou.
  • Rámy zahŕňajú: Namiesto toho, aby ste opakovane používali rovnaké prvky na viacerých stránkach, vytvorte orámovaný web, kde rámce sú duplikovanými časťami webu. Avšak s výnimkou prvku iframe rámce sú v HTML5 zastarané.
  • Zahŕňa nástroje na správu obsahu: Templating je jedným z hlavných predajných miest CMS a je to tak, ako sa s touto prácou dnes zaobchádza na väčšine webov.