A HTML használatával jelentősen leegyszerűsítheti webhelyének kezelését
Menj bármely webhelyre és navigálj oldalról oldalra, és rögtön rájövünk, hogy míg ezek az oldalak sokféleképpen különbözhetnek, másokban is nagyon hasonlítanak. Majdnem minden weboldal tartalmaz olyan elemeket, amelyek a webhely minden oldalán megismétlődnek. Néhány példa a webhelyelemekre, amelyek minden oldalon megtalálhatók lennének, a fejléc terület, ahol a logó található, a navigáció és a lábléc terület.
A webhelyen megismételt elemek lehetővé teszik a felhasználói élettartam következetességét. A látogatónak nem kell minden oldalon megtalálnia a navigációt, mert miután megtalálta, tudják, hol lesz a webhelyük más oldalain.
Hogyan foglalja magában a webes tervezés hatékonyabbá
Ahogy valaki feladata egy weboldal kezelése, ezek az ismétlődő területek kihívást jelentenek. Mi van, ha változtatni kell valamit ezen a területen? Például ha a lábléc (amely a webhely minden oldalán található) egy évvel egy szerzői jogi nyilatkozatot tartalmaz, akkor mi történik, amikor az adott év változik, és módosítani kell a dátumot? Mivel ez a rész minden oldalon található, most módosítania kell a webhely minden egyes oldalt, hogy végrehajtsa a változást - vagy te?
A bekerült tartalom kiküszöböli annak szükségességét, hogy a webhely minden oldalát módosítsa az ismételt tartalomhoz. Ehelyett egyszerűen szerkesztesz egy fájlt, és az egész webhelyedet, és minden oldalon megtalálod a frissítést!
Nézzük meg néhány módon, hogy ezt a funkciót hozzá lehet adni a webhelyéhez, és számos más HTML- fájlt is tartalmazhat.
Ismétlődő tartalom a tartalomkezelő rendszerekben
Ha webhelye CMS-t használ , akkor valószínűleg bizonyos sablonokat vagy témákat használ a szoftver része. Még akkor is, ha ezeket a sablonokat megszerkesztjük, a webhely még mindig kihasználja ezt a keretrendszert az oldalak számára.
A CMS-sablonok így tartalmazzák a webhely azon területeit, amelyek minden oldalon megismétlődnek. Egyszerűen jelentkezzen be a CMS háttérébe, és módosítsa a szükséges sablonokat. A sablonot használó webhely összes oldala frissítésre kerül.
Még akkor is, ha nem rendelkezik tartalomkezelő rendszerrel a webhelyére, még mindig kihasználhatja a mellékelt fájlokat. A HTML-ben tartalmaz olyan elemeket, amelyek megkönnyítik a webhely ezen sablontartalmainak kezelését.
Mit tartalmaz a HTML?
Az "include" a HTML egy része, amely önmagában nem teljes HTML dokumentum. Ehelyett egy másik oldal része, amely beilleszthető egy teljes webes oldalra programozásba. A legtöbb fájl tartalmazza azokat a fent említett elemeket, amelyek a weboldal több oldalán megismétlődnek. Például:
- Navigáció
- Szerzői jogi információk
- Fejléc területek
- Láblécek
Előnye, hogy ezek az ismétlődő területek az oldalakon szerepelnek. Sajnos a fájl beillesztésének folyamata nem olyan dolog, ami csak a HTML-sel történhet meg, ezért szükség van valamilyen programra vagy szkriptre, amely hozzáadja a fájlokat a weboldalakhoz.
A kiszolgálói oldal használatával
A Server Side Includes (más néven SSI-t is) először azért fejlesztették ki, hogy a webes fejlesztők "más HTML oldalakat" tartalmazhassanak.
Alapvetően egy dokumentumban található töredék szerepel a másikban, amikor az oldal fut a kiszolgálón, és elküldik a webböngészőbe.
Az SSI szerepel a legtöbb webszerveren, de előfordulhat, hogy engedélyeznie kell annak működését. Ha nem tudja, hogy a kiszolgáló támogatja-e az SSI-t, vegye fel a kapcsolatot a tárhely szolgáltatójával .
Íme egy példa arra, hogy hogyan használhatja az SSI-t, ha HTML-kódrészletet tartalmaz minden weboldalán:
- A webhely egyes elemeinek HTML-kódját külön fájlként mentse. Például a navigációs szakasz menthető navigációs.html vagy navigation.ssi fájlként .
- Használja a következő SSI kódot , hogy a HTML dokumentum kódját minden oldalon hozzáadja ( helyettesíti a fájl elérési útját és a fájlnevet az idézőjelek között ). {C}
- Adja hozzá ezt a kódot minden olyan oldalhoz, amelyre a fájlt be kívánja illeszteni.
A PHP használata tartalmazza
A PHP szerver szintű parancsfájl nyelv. Számos dolgot tehet meg, de az egyik gyakori használat a HTML-dokumentumok beillesztése az oldalain belül, ugyanúgy, ahogy az SSI-t fedeztük.
Az SSI-hez hasonlóan a PHP szerver szintű technológia. Ha nem biztos benne, hogy van-e PHP funkció a webhelyén, forduljon a tárhely szolgáltatójához.
Itt van egy egyszerű PHP szkript, amellyel a HTML kódrészletet bármely PHP-alapú weboldalra felveheti:
- Mentse a webhelye közös elemeihez - például a navigációhoz - tartozó HTML-fájlokat a fájlok elkülönítéséhez. Például a navigációs szakasz menthető navigációs.html vagy navigation.ssi fájlként .
- Használja a következő PHP kódot, hogy a HTML-t minden oldalra kiterjeszthesse ( helyettesíti a fájl elérési útját és a fájlnevet az idézőjelek között ). navigation.php ");?>
- Adja hozzá ugyanazt a kódot minden olyan oldalhoz, amelybe be kívánja illeszteni a fájlt.
A JavaScript tartalmazza
A JavaScript egy másik módja a HTML-nek a webhelye oldalain belüli megjelenítéséhez. Ennek az az előnye, hogy nem igényel kiszolgáló szintű programozást, de ez egy kicsit bonyolultabb - és nyilvánvalóan olyan böngészőhöz működik, amely lehetővé teszi a Javascript használatát, amely a legtöbbet teszi, hacsak a felhasználó úgy dönt, hogy letiltja.
Íme, hogyan vehet fel HTML kódrészletet a JavaScript használatával :
- Mentse a webhelye közös elemeire HTML-t egy JavaScript-fájlba. Az ebben a fájlban írt bármely HTML-dokumentumot a document.write függvénykel kell kinyomtatni a képernyőre.
- Töltse fel ezt a fájlt a webhelyére.
- Használjon