Jak zahrnout jeden soubor HTML do jiného

Tento článek vysvětluje, jak funguje „Zahrnuje“, a poskytuje kroky pro použití Zahrnutí na straně serveru, Zahrnutí do PHP a Zahrnutí do JavaScriptu.

Použití na straně serveru Zahrnuje

Server Side Includes byl poprvé vyvinut, aby umožnil webovým vývojářům „zahrnout“ dokumenty HTML do jiných stránek. Fragment, který se nachází v jednom dokumentu, je v zásadě zahrnut do jiného, ​​když je stránka spuštěna na serveru a odeslána do webového prohlížeče.

SSI je součástí většiny webových serverů, ale možná bude nutné jej povolit, aby fungoval. Pokud nevíte, zda váš server podporuje SSI, obraťte se na poskytovatel hostingu.

Zde je příklad toho, jak můžete pomocí SSI zahrnout fragment HTML do všech svých webových stránek:

1. Uložte HTML pro běžné prvky vašeho webu jako samostatné soubory. Například vaše navigační sekce může být uložena jako navigation.html nebo navigation.ssi.

2. Pomocí následujícího kódu SSI zahrňte kód dokumentu HTML na každou stránku.

   
   nebo.
   

   The zahrnout Direktiva přijímá dva parametry. Virtuální předpokládá, že název souboru je relativní ke kořenu dokumentu na webu, zatímco soubor přijímá absolutní cestu k souboru.

3. Přidejte tento kód na každou stránku, kterou chcete zahrnout do souboru.

Použití PHP zahrnuje

Jako SSI, PHP je technologie na úrovni serveru. Pokud si nejste jisti, zda máte na svých webových stránkách funkce PHP, kontaktujte svého poskytovatele hostingu.

Zde je jednoduchý skript PHP, který můžete použít k vložení fragmentu kódu HTML na libovolnou webovou stránku s podporou PHP:

1. Uložte HTML pro běžné prvky vašeho webu, jako je navigace, do samostatných souborů. Například vaše navigační sekce může být uložena jako navigation.html nebo navigation.ssi.

2. Následující kód PHP použijte k zahrnutí tohoto kódu HTML na každou stránku (nahrazením cesty a názvu souboru mezi uvozovkami).

3. Přidejte stejný kód na každou stránku, kterou chcete zahrnout do souboru.

Zahrnuje JavaScript

JavaScript je další způsob, jak zahrnout HTML na stránky vašeho webu. Tato technika nevyžaduje programování na úrovni serveru, ale je to trochu komplikovanější - a to samozřejmě funguje pro prohlížeč, který umožňuje Javascript, což většina dělá, pokud se uživatel nerozhodne zakázat to.

Zde je, jak můžete zahrnout fragment HTML pomocí JavaScriptu:

Uložte HTML pro běžné prvky vašeho webu do souboru JavaScriptu. Jakýkoli HTML napsaný v tomto souboru musí být vytištěn na obrazovku pomocí document.write funkce.

1. Nahrajte tento soubor na svůj web.

2. Použijte a 

3. Stejný kód použijte na každé stránce, kterou chcete zahrnout do souboru.

Co obsahuje HTML?

Zahrnutí je část HTML, která sama o sobě není úplným dokumentem HTML. Místo toho je to část jiné stránky, kterou lze pomocí programování vložit na celou webovou stránku. Nejčastěji patří soubory, výše uvedené položky, které se opakují na několika stránkách webu. Například:

• Navigace
• Informace o autorských právech
• Oblasti záhlaví
• Zápatí

Jak „zahrnuje“ zefektivňuje webový design

Téměř všechny weby obsahují prvky designu, které se opakují na každé stránce webu, včetně oblasti záhlaví, kde je logo, navigační nabídky a oblasti zápatí.

Opakované prvky na webu umožňují konzistenci uživatelského prostředí. Návštěvník nemusí najít navigaci na každé stránce, protože jakmile ji najde, ví, kde bude na dalších stránkách webu, který navštíví.

Zahrnutý obsah eliminuje potřebu upravovat každou stránku vašeho webu pro tento opakovaný obsah. Místo toho upravíte jeden soubor a poté aktualizaci obdrží celý váš web a každá stránka v něm.

Opakovaný obsah v systémech pro správu obsahu

Pokud váš web používá CMS, pak pravděpodobně používá určité šablony nebo motivy, které jsou součástí tohoto softwaru. I když si tyto šablony vytvoříte úplně od začátku, web stále využívá tento rámec pro stránky. Tyto šablony CMS obsahují oblasti webu, které se opakují na každé stránce. Jednoduše se přihlásíte do backendu CMS a upravíte potřebné šablony. Budou aktualizovány všechny stránky webu, které používají tuto šablonu.

I když pro svůj web nepoužíváte systém pro správu obsahu, stále můžete využívat zahrnuté soubory. V HTML zahrnuje pomozte usnadnit správu těchto templátovaných oblastí vašeho webu.

Jiné metody zahrnutí

Existuje několik dalších způsobů, jak zahrnout HTML na vaše stránky. Některé jsou komplikovanější než jiné a mnohé z nich jsou ve skutečnosti zastaralými dnešními standardy.

• CGI zahrnuje: Můžeš použít Perl nebo jiný programovací jazyk pro vytvoření vašich stránek a poté zahrňte, co chcete, buď jako soubory typu „require“, nebo jejich manuálním načtením.
• Flash obsahuje: Pokud stavíte svůj web zcela v aplikaci Adobe Flash, můžete jej použít k zahrnutí prvků webu. Tato metoda je zastaralá a plné Flash stránky jsou v dnešní době na webu vzácností.
• Rámečky zahrnují: Místo toho, abyste opakovaně používali stejné prvky na několika stránkách, vytvořte zarámovaný web, kde jsou rámy duplikovanými částmi webu. S výjimkou prvku iframe však snímky jsou v HTML5 zastaralé.
• Zahrnuje nástroje pro správu obsahu: Templating je jedním z hlavních prodejních míst CMS a je to způsob, jakým se s touto prací dnes pracuje na většině webů.