Použitie kódu HTML môže výrazne zjednodušiť správu vašich stránok
Prejdite na ľubovoľnú webovú stránku a prejdite z jednej strany na druhú a rýchlo si uvedomíte, že zatiaľ čo každá z týchto stránok sa môže v mnohých ohľadoch líšiť, v iných sa podobne líšia. Takmer všetky webové stránky obsahujú prvky dizajnu, ktoré sa opakujú na každej stránke na webe. Niektoré príklady prvkov lokality, ktoré by sa našli na každej stránke, by boli oblasť hlavičky, kde sa nachádza logo, navigácia a oblasť päty.
Opakované prvky na webe umožňujú konzistentnosť v používateľskej skúsenosti. Návštevník nemusí navigáciu nájsť na každej stránke, pretože akonáhle ho našli, vedia, kde to bude na iných stránkach stránok, ktoré navštevujú.
Ako zahŕňa Make Web Design efektívnejšie
Ako iní, ktorí sú poverení správou webových stránok, tieto opakované oblasti ponúkajú výzvu. Čo ak potrebujete zmeniť niečo v tejto oblasti? Ak napríklad vaša päta (ktorá je na každej stránke stránky) obsahuje vyhlásenie o autorských právach s rokom, čo sa stane, keď sa tento rok zmení a budete musieť upraviť dátum? Vzhľadom na to, že táto sekcia je na každej stránke, teraz musíte upraviť každú stránku svojho webu samostatne, aby ste túto zmenu vykonali - alebo si to vy?
Zahrnutý obsah môže eliminovať potrebu upravovať každú stránku vašej stránky pre tento opakovaný obsah. Namiesto toho jednoducho upravíte jeden súbor a celú vašu stránku a každá stránka v nej dostane aktualizáciu!
Poďme sa pozrieť na niekoľko spôsobov, ako môžete pridať túto funkciu na vaše stránky a zahrnúť jeden súbor HTML do niekoľkých ďalších.
Opakovaný obsah v systémoch správy obsahu
Ak vaša stránka používa CMS , pravdepodobne používa určité šablóny alebo témy sú súčasťou tohto softvéru. Dokonca aj vtedy, ak si tieto šablóny navyše vytvoríte od začiatku, stránky stále využívajú tento rámec pre stránky.
Ako také budú tieto šablóny CMS obsahovať oblasti stránok, ktoré sa opakujú na každej stránke. Jednoducho sa prihláste na backend CMS a upravte potrebné šablóny. Všetky stránky stránky, ktoré používajú túto šablónu, budú aktualizované.
Dokonca aj v prípade, že pre váš web nemáte systém na správu obsahu, stále môžete využiť zahrnuté súbory. V HTML, ktoré sú zahrnuté , môže pomôcť uľahčiť správu týchto šablónovaných oblastí vášho webu.
Čo zahŕňa HTML?
Umiestnenie je časť HTML, ktorá nie je úplným dokumentom HTML samotným. Namiesto toho je to časť inej stránky, ktorá môže byť vložená do úplných webových stránokvzhľadom na programovanie. Väčšinou sú súbory vyššie uvedených položiek, ktoré sa opakujú na viacerých stránkach webových stránok. Napríklad:
- navigácia
- Informácie o autorských právach
- Oblasti záhlavia
- Päty oblasti
Je tu výhoda, že tieto opakované oblasti sú zahrnuté na stránkach. Bohužiaľ, proces vloženia súboru nie je niečo, čo sa môže stať len s HTML, takže musíte mať nejaký typ programu alebo skriptu, ktorý pridá vaše súbory na vaše webové stránky.
Použitie stránok na strane servera
Server Side Includes, tiež známy ako SSI, boli najprv vyvinuté, aby umožnili vývojárom na webe "zahrnúť" HTML dokumenty do iných stránok.
V zásade fragment, ktorý sa nachádza v jednom dokumente, je zahrnutý do iného, keď je stránka spustená na serveri a odoslaná do webového prehliadača.
SSI je zahrnutá na väčšine webových serverov, ale možno budete musieť povoliť, aby to fungovalo. Ak neviete, či váš server podporuje protokol SSI, kontaktujte svojho poskytovateľa hostingu .
Tu je príklad toho, ako môžete použiť SSI na zahrnutie úryvku HTML na všetky vaše webové stránky:
- Uložte HTML pre bežné prvky vášho webu ako samostatné súbory. Vaša navigačná sekcia môže byť napríklad uložená ako navigácia.html alebo navigácia.ssi .
- Použite nasledujúci SSI kód, aby ste zahrnuli kód dokumentu HTML na každej strane ( nahrádzajúc úvodzovku cestu a názov súboru vášho súboru ). {C}
- Pridajte tento kód na každú stránku, ktorú chcete súbor pridať.
Používanie PHP zahŕňa
PHP je skriptovací jazyk na úrovni servera. Môľe to robiť veμa vecí, ale jedno beľné pouľívanie spočíva v zahrnutí HTML dokumentov do vašich stránok, podobne ako v prípade SSI.
Rovnako ako SSI, PHP je technológia serverovej úrovne. Ak si nie ste istí, či máte funkciu PHP na svojich webových stránkach, kontaktujte svojho poskytovateľa hostingu.
Tu je jednoduchý skript PHP, ktorý môžete použiť na zahrnutie fragmentu HTML na ľubovoľnej webovej stránke podporujúcej PHP:
- Uložte HTML pre bežné prvky vášho webu, napríklad navigáciu, na oddelené súbory. Vaša navigačná sekcia môže byť napríklad uložená ako navigácia.html alebo navigácia.ssi .
- Použite nasledujúci kód PHP na zahrnutie HTML do každej stránky ( nahrádzaním cesty a mena súboru medzi úvodzovkami ). navigation.php ");
- Pridajte rovnaký kód na každú stránku, ktorú chcete súbor pridať.
Obsahuje JavaScript
JavaScript je ďalší spôsob, ako zahrnúť HTML do stránok vašich stránok. To má tú výhodu, že nevyžaduje programovanie na úrovni servera, ale je to o niečo zložitejšie - a samozrejme funguje aj pre prehliadač, ktorý umožňuje Javascript, čo najviac, pokiaľ sa používateľ nerozhodne ho vypnúť.
Tu je návod, ako môžete pomocou kódu JavaScript obsahovať úryvok kódu HTML :
- Uložte HTML kód pre bežné prvky vášho webu do súboru JavaScript. Akýkoľvek kód HTML napísaný v tomto súbore musí byť vytlačený na obrazovke pomocou funkcie document.write.
- Nahrajte súbor na svoje webové stránky.
- Použite prvok