Hogyan lehet egy HTML fájlt beilleszteni egy másikba

Ez a cikk elmagyarázza, hogyan működik a "Tartalmaz", és ismerteti a kiszolgálóoldali, a PHP és a JavaScript tartalmazza használatának lépéseit.

A kiszolgálóoldali tartalmazza

A Kiszolgálóoldali beletartozást először azért fejlesztették ki, hogy a webfejlesztők lehetővé tegyék a HTML-dokumentumok „beépítését” más oldalakba. Alapvetően az egyik dokumentumban található kódrészlet akkor kerül be a másikba, amikor az oldalt futtatja a szerveren és elküldi a webböngészőnek.

Az SSI a legtöbb webszerveren megtalálható, de előfordulhat, hogy engedélyeznie kell a működéshez. Ha nem tudja, hogy a szervere támogatja-e az SSI-t, vegye fel a kapcsolatot tárhelyszolgáltató.

Az alábbiakban bemutatunk egy példát arra, hogyan használhatja az SSI-t HTML-kódrészletnek az összes weboldalára:

1. Mentse el a webhely általános elemeinek HTML-jét külön fájlként. Például a navigációs szakasz mentve lehet navigation.html vagy navigáció.ssi.

2. Használja a következő SSI-kódot annak a HTML-dokumentumnak az egyes oldalakba való felvételéhez.

   
   vagy.
   

   A tartalmazza irányelv két paramétert fogad el. Virtuális feltételezi, hogy a fájlnév a weboldal dokumentumgyökeréhez viszonyított, míg fájl elfogad egy abszolút fájl elérési utat.

3. Adja hozzá ezt a kódot minden olyan oldalhoz, ahová fel szeretné venni a fájlt.

A PHP Includes használata

Mint az SSI, PHP egy szerver szintű technológia. Ha nem biztos abban, hogy rendelkezik-e PHP funkcióval a webhelyén, vegye fel a kapcsolatot szolgáltatójával.

Itt van egy egyszerű PHP szkript, amellyel HTML-részleteket vehet fel bármely PHP-kompatibilis weboldalra:

1. A fájlok elválasztásához mentse el a HTML-t a webhely általános elemeihez, például a navigációhoz. Például a navigációs szakasz mentve lehet navigation.html vagy navigáció.ssi.

2. Használja a következő PHP kódot annak a HTML-nek az egyes oldalakba való felvételéhez (a fájl elérési útját és fájlnevét idézőjelek közé helyettesítve).

3. Adja hozzá ugyanazt a kódot minden olyan oldalhoz, ahová fel kívánja venni a fájlt.

A JavaScript tartalmazza

JavaScript egy másik módja annak, hogy a HTML-t beépítsék webhelye oldalaiba. Ez a technika nem igényel szerver szintű programozást, de egy kicsit bonyolultabb - és ez nyilvánvalóan egy olyan böngészőnél működik, amely lehetővé teszi a Javascript használatát, amit a legtöbb akkor tesz, ha a felhasználó nem dönt a letiltás mellett azt.

Itt van, hogyan lehet tartalmazzon egy HTML-részletet JavaScript használatával:

Mentse el a webhely általános elemeinek HTML-jét egy JavaScript fájlba. Az ebbe a fájlba írt HTML-t a dokumentum.írja funkció.

1. Töltse fel a fájlt a webhelyére.

2. Használj 

3. Használja ugyanazt a kódot minden olyan oldalon, ahová fel kívánja venni a fájlt.

Mit tartalmaz a HTML?

Az include egy olyan HTML rész, amely önmagában nem teljes HTML dokumentum. Ehelyett egy másik oldal része, amelyet programozással be lehet illeszteni egy teljes weboldalba. A legtöbb ilyen fájl a fent említett elemekből áll, 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éc területek

Hogyan „tartalmazza” a webdizájnt hatékonyabbá teszi

Szinte az összes weboldal tartalmazza a design elemeit, amelyek a webhely minden oldalán megismétlődnek, beleértve a logó fejlécét, a navigációs menüt és a lábléc területét.

A webhely ismételt elemei lehetővé teszik a felhasználói élmény konzisztenciáját. A látogatónak nem kell minden oldalon megtalálni a navigációt, mert miután megtalálta, tudja, hogy hol lesz a meglátogatott webhely többi oldalán.

A mellékelt tartalom miatt nincs szükség webhelye minden oldalának szerkesztésére ehhez az ismételt tartalomhoz. Ehelyett egy fájlt szerkeszt, majd a teljes webhelyet és minden benne lévő oldalt megkapja a frissítés.

Ismételt 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 saját maga készíti el a semmiből, a webhely továbbra is kihasználja ezt a keretrendszert az oldalak számára. Mint ilyen, ezek a CMS-sablonok tartalmazzák a webhely azon területeit, amelyek minden oldalon megismétlődnek. Egyszerűen bejelentkezik a CMS háttérrendszerébe, és szerkeszti a szükséges sablonokat. A webhely minden olyan oldala frissül, amely ezt a sablont használja.

Akkor is kihasználhatja a mellékelt fájlok előnyeit, ha nem használ tartalomkezelő rendszert a webhelyéhez. HTML-ben, magába foglalja megkönnyíti a webhely ezen sablonterületeinek kezelését.

Egyéb belefoglalási módszerek

Számos más módon is bekerülhet a HTML oldalaiba. Egyesek bonyolultabbak, mint mások, és sokuk valójában elavult a mai szabványok szerint.

• A CGI tartalmazza: Te tudod használni Perl vagy más programozási nyelv az oldalak létrehozásához, majd a kívánt fájlok hozzáadásához, akár "szükséges" fájlokként, akár manuális beolvasással.
• Flash tartalmazza: Ha a webhelyet teljes egészében az Adobe Flash alkalmazásban építi fel, akkor felhasználhatja a webhely elemeinek felvételére. Ez a módszer elavult, és a teljes Flash-webhelyek manapság ritkaságok az interneten.
• A keretek tartalmazzák: Ahelyett, hogy ugyanazokat az elemeket használná újra és újra több oldalon, hozzon létre egy keretes helyet, ahol a keretek a webhely duplikált részei. Az iframe elem kivételével azonban a keretek elavultak a HTML5-ben.
• Tartalomkezelő eszközök tartalmazzák: A sablonozás a CMS egyik legfontosabb eladási pontja, és ma valóban a legtöbb webhelyen kezelik ezt a munkát.