Hur man inkluderar en HTML-fil i en annan

click fraud protection

Vad du ska veta

  • Inkluderat innehåll eliminerar behovet av att redigera varje sida på din webbplats för upprepat innehåll.
  • Serversidan, PHP och JavaScript inkluderar kan du lägga till specifika koder till vilken sida du vill inkludera en fil på.
  • CMS-webbplatser använder mallar eller teman för upprepat innehåll.

Den här artikeln förklarar hur "Inkluderar" fungerar och ger steg för användning av Server Side Includes, PHP Includes och JavaScript Includes.

Användning av serversidan inkluderar

Server Side Includes utvecklades först för att tillåta webbutvecklare att "inkludera" HTML-dokument på andra sidor. I grund och botten ingår ett utdrag som finns i ett dokument i ett annat när sidan körs på servern och skickas till webbläsaren.

SSI ingår på de flesta webbservrar, men du kan behöva aktivera det för att få det att fungera. Om du inte vet om din server stöder SSI, kontakta din värdleverantör.

Här är ett exempel på hur du kan använda SSI för att inkludera ett HTML-kodavsnitt på alla dina webbsidor:

instagram viewer
  1. Spara HTML för de vanliga elementen på din webbplats som separata filer. Till exempel kan ditt navigeringsavsnitt sparas som navigation.html eller navigation.ssi.

  2. Använd följande SSI-kod för att inkludera HTML-dokumentets kod på varje sida.


    eller.

    De omfatta direktivet accepterar två parametrar. Virtuell antar att filnamnet är relativt dokumentets rot på webbplatsen, medan fil accepterar en absolut filsökväg.

  3. Lägg till den här koden på varje sida som du vill inkludera filen.

Använda PHP Inkluderar

Liksom SSI, PHP är en teknik på servernivå. Om du inte är säker på om du har PHP-funktionalitet på din webbplats, kontakta din webbhotell.

Här är ett enkelt PHP-skript som du kan använda för att inkludera ett HTML-kod på alla PHP-aktiverade webbsidor:

  1. Spara HTML för de vanliga elementen på din webbplats, till exempel navigering, för att separera filer. Till exempel kan ditt navigeringsavsnitt sparas som navigation.html eller navigation.ssi.

  2. Använd följande PHP-kod för att inkludera HTML på varje sida (ersätta filens sökväg och filnamn mellan citattecken).

  3. Lägg till samma kod på varje sida som du vill inkludera filen.

JavaScript ingår

JavaScript är ett annat sätt att inkludera HTML på sidorna på din webbplats. Denna teknik kräver inte programmering på servernivå, men det är lite mer komplicerat - och det fungerar uppenbarligen för en webbläsare som tillåter Javascript, vilket de flesta gör om inte användaren väljer att inaktivera Det.

Så här kan du inkludera ett HTML-kodavsnitt med JavaScript:

Spara HTML för de vanliga elementen på din webbplats i en JavaScript-fil. Alla HTML-filer som skrivs i den här filen måste skrivas ut på skärmen med document.write fungera.

  1. Ladda upp filen till din webbplats.

  2. Använda en 

  3. Använd samma kod på varje sida som du vill inkludera filen.

Vad ingår i HTML?

En inkludera är en del av HTML som inte är ett fullständigt HTML-dokument i sig. Istället är det en del av en annan sida som kan infogas på en hel webbsida genom programmering. De flesta inkluderar filer är de ovan nämnda objekten som upprepas på flera sidor på en webbplats. Till exempel:

  • Navigering
  • Upphovsrättsinformation
  • Rubrikområden
  • Sidfotområden

Hur "Inkluderar" gör webbdesign effektivare

Nästan alla webbplatser innehåller element i designen som upprepas på varje sida på webbplatsen, inklusive sidhuvudet där logotypen finns, navigeringsmenyn och sidfotområdet.

Upprepade element på en webbplats möjliggör enhetlighet i användarupplevelsen. En besökare behöver inte lokalisera navigeringen på varje sida, för när de väl har hittat den vet de var den kommer att vara på andra sidor på webbplatsen de besöker.

Inkluderat innehåll eliminerar behovet av att redigera varje sida på din webbplats för detta upprepade innehåll. Istället redigerar du en fil och sedan får hela webbplatsen och varje sida i den uppdateringen.

HTML-filer

Upprepat innehåll i innehållshanteringssystem

Om din webbplats använder ett CMS använder den sannolikt vissa mallar eller teman är en del av den programvaran. Även om du anpassar dessa mallar från grunden använder webbplatsen fortfarande detta ramverk för sidorna. Som sådan innehåller dessa CMS-mallar de områden på webbplatsen som upprepas på varje sida. Du loggar bara in på CMS-backend och redigerar nödvändiga mallar. Alla sidor på webbplatsen som använder den mallen kommer att uppdateras.

Även om du inte använder ett innehållshanteringssystem för din webbplats kan du fortfarande dra nytta av inkluderade filer. I HTML, inkluderar hjälp att göra det enklare att hantera dessa mallområden på din webbplats.

Andra inkluderar metoder

Det finns flera andra sätt att inkludera HTML på dina sidor. Vissa är mer komplicerade än andra, och många av dem är faktiskt föråldrade av dagens standarder.

  • CGI Inkluderar: Du kan använda Perl eller ett annat programmeringsspråk för att skapa dina sidor och sedan inkludera vad du vill, antingen som "kräver" filer eller genom att läsa in dem manuellt.
  • Blixt ingår: Om du bygger din webbplats helt i Adobe Flash kan du sedan använda den för att inkludera webbplatsens delar. Denna metod är föråldrad och fullständiga Flash-webbplatser är en sällsynthet på webben idag.
  • Ramar inkluderar: I stället för att använda samma element om och om igenom flera sidor, skapa en inramad webbplats där ramarna är de duplicerade delarna av webbplatsen. Men förutom iframe-elementet, ramar är föråldrade i HTML5.
  • Innehållshanteringsverktyg ingår: Templating är en av de viktigaste försäljningsställena för CMS och det är verkligen hur detta arbete hanteras på de flesta webbplatser idag.
instagram story viewer