Použití kódu HTML může značně zjednodušit správu vašich stránek
Přejděte na libovolnou webovou stránku a přejděte ze stránky na stránku a rychle si uvědomíte, že zatímco každá z těchto stránek se může v mnoha ohledech lišit, jsou v ostatních podobná. Téměř všechny webové stránky obsahují prvky návrhu, které se opakují na každé stránce webu. Některé příklady prvků stránek, které by byly nalezeny na každé stránce, by byly oblasti záhlaví, ve kterých je logo umístěno, navigace a oblast zápatí.
Opakované prvky na webu umožňují konzistentnost uživatelských zkušeností. Návštěvník nemusí navigaci nalézt na každé stránce, protože jakmile ji našli, vědí, kde to bude na jiných stránkách stránek, které navštíví.
Jak zahrnuje Make Web Design efektivnější
Jako někdo, kdo má na starosti správu webových stránek, tyto opakované oblasti nabízejí výzvu. Co když potřebujete něco změnit v této oblasti? Například pokud vaše zápatí (které je na každé stránce webu) obsahuje výkaz o autorských právech s rokem, co se stane, když se tento rok změní a potřebujete upravit datum? Vzhledem k tomu, že se tato sekce nachází na každé stránce, musíte tuto změnu provést individuálně pro každou stránku svého webu - nebo ne?
Zahrnutý obsah může eliminovat potřebu upravit každou stránku vašeho webu pro tento opakovaný obsah. Místo toho jednoduše upravíte jeden soubor a celý jeho web a každá stránka v něm dostane aktualizaci!
Pojďme se podívat na několik způsobů, jak můžete přidat tuto funkci na váš web a zahrnout jeden soubor HTML do řady dalších.
Opakovaný obsah v systémech správy obsahu
Pokud váš web používá CMS , pravděpodobně používá určité šablony nebo témata jsou součástí tohoto softwaru. Dokonce i když vlastníte tyto šablony od nuly, stránky stále využívají tento rámec pro stránky.
Jako takové budou tyto šablony CMS obsahovat oblasti stránek, které se opakují na každé stránce. Jednoduše se přihlašujte k zadní části CMS a upravte potřebné šablony. Všechny stránky webu, které používají šablonu, budou aktualizovány.
Dokonce i když pro váš web nemáte systém pro správu obsahu, můžete stále využít souvisejících souborů. V HTMLu jsou zahrnuty, které vám pomohou usnadnit správu těchto šablonovaných oblastí vašeho webu.
Co obsahují HTML?
Zahrnutí je část HTML, která není sama o sobě úplným dokumentem HTML. Místo toho je to část jiné stránky, která může být vložena do plných webových stránekv programování. Soubory většiny zahrnují ty výše uvedené položky, které se opakují na více stránkách webové stránky. Například:
- Navigace
- Informace o autorských právech
- Oblasti záhlaví
- Footer oblasti
Existuje výhoda, že tyto opakované oblasti jsou zahrnuty na stránkách. Bohužel, proces vkládání souboru není něco, co se může stát pouze s HTML, takže musíte mít nějaký typ programu nebo skriptu, který přidá vaše soubory, které budou obsahovat, na vaše webové stránky.
Použití stránky na straně serveru
Server Side Includes, také známý jako SSI, byl poprvé vyvinut, aby umožnil vývojářům webu "zahrnout" dokumenty HTML do jiných stránek.
V podstatě fragment, který je nalezen v jednom dokumentu, je součástí další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á budete muset povolit, aby to fungovalo. Pokud nevíte, zda váš server podporuje SSI, obraťte se na poskytovatele hostingu .
Zde je příklad toho, jak můžete používat SSI k úryvku kódu HTML na všech vašich webových stránkách:
- Uložte HTML pro běžné prvky vašeho webu jako samostatné soubory. Například navigační část může být uložena jako navigation.html nebo navigation.ssi .
- Použijte následující kód SSI, aby zahrnoval kód dokumentu HTML na každé stránce ( nahrazením cesty a názvu souboru mezi uvozovkami ). {C}
- Přidejte tento kód na každou stránku, kterou chcete soubor přidat.
Použití PHP zahrnuje
PHP je skriptovací jazyk na úrovni serveru. Může to udělat spousta věcí, ale jedním z běžných použití je zahrnutí HTML dokumentů do vašich stránek, stejně jako jsme se pokryli SSI.
Stejně jako SSI, PHP je technologie na úrovni serverů. Pokud si nejste jisti, zda máte funkčnost PHP na vašem webu, obraťte se na poskytovatele hostingu.
Zde je jednoduchý PHP skript, který můžete použít k zařazení fragmentu HTML na jakoukoli webovou stránku podporující PHP:
- Uložte HTML pro společné prvky vašeho webu, jako je například navigace, k odděleným souborům. Například navigační část může být uložena jako navigation.html nebo navigation.ssi .
- Použijte následující kód PHP k zahrnutí tohoto kódu HTML do každé stránky ( nahrazení cesty a názvu souboru mezi uvozovkami ). navigation.php ");?>
- Přidejte stejný kód na každou stránku, do které chcete soubor zahrnout.
JavaScript obsahuje
JavaScript je další způsob, jak zahrnout HTML do stránek vašeho webu. To má tu výhodu, že nevyžaduje programování na úrovni serveru, ale je to trochu komplikovanější - a samozřejmě funguje i pro prohlížeč, který umožňuje Javascript, což většinou dělá, pokud se uživatel nerozhodne jej zakázat.
Zde je návod, jak můžete pomocí kódu JavaScript zahrnout úryvek kódu HTML :
- Uložit kód HTML pro běžné prvky vašeho webu do souboru JavaScript. Jakýkoli kód HTML napsaný v tomto souboru musí být vytištěn na obrazovce pomocí funkce document.write.
- Nahrajte soubor na svůj web.
- Použijte prvek