Sådan inkluderes en HTML-fil i en anden

The best protection against click fraud.

Hvad man skal vide

  • Inkluderet indhold eliminerer behovet for at redigere hver side på dit websted for gentaget indhold.
  • Serverside, PHP og JavaScript inkluderer inkluderer mulighed for at tilføje specifikke koder til enhver side, hvor du vil inkludere en fil.
  • CMS-sider bruger skabeloner eller temaer til gentaget indhold.

Denne artikel forklarer, hvordan "Inkluderer" fungerer, og giver trin til brug af Server Side Inkluderer, PHP Inkluderer og JavaScript Inkluderer.

Brug af serversiden inkluderer

Server Side Includes blev først udviklet til at give webudviklere mulighed for at "inkludere" HTML-dokumenter inden for andre sider. Dybest set er et uddrag, der findes i et dokument, inkluderet i et andet, når siden køres på serveren og sendes til webbrowseren.

SSI er inkluderet på de fleste webservere, men du skal muligvis aktivere det for at få det til at fungere. Hvis du ikke ved, om din server understøtter SSI, skal du kontakte din hostingudbyder.

Her er et eksempel på, hvordan du kan bruge SSI til at medtage et HTML-uddrag på alle dine websider:

instagram viewer
  1. Gem HTML til de almindelige elementer på dit websted som separate filer. For eksempel kan din navigationsdel gemmes som navigation.html eller navigation.ssi.

  2. Brug følgende SSI-kode til at medtage HTML-dokumentets kode på hver side.


    eller.

    Det omfatte Direktivet accepterer to parametre. Virtuelt antager, at filnavnet er i forhold til dokumentets rod på webstedet, hvorimod fil accepterer en absolut filsti.

  3. Tilføj denne kode på hver side, som du vil medtage filen.

Brug af PHP inkluderer

Ligesom SSI, PHP er en server-niveau teknologi. Hvis du ikke er sikker på, om du har PHP-funktionalitet på dit websted, skal du kontakte din hostingudbyder.

Her er et simpelt PHP-script, du kan bruge til at medtage et HTML-uddrag på enhver PHP-aktiveret webside:

  1. Gem HTML til de almindelige elementer på dit websted, såsom navigation, for at adskille filer. For eksempel kan din navigationsdel gemmes som navigation.html eller navigation.ssi.

  2. Brug følgende PHP-kode til at medtage denne HTML på hver side (erstatte din fils sti og filnavn mellem anførselstegnene).

  3. Tilføj den samme kode på hver side, som du vil medtage filen.

JavaScript inkluderer

JavaScript er en anden måde at inkludere HTML på siderne på dit websted. Denne teknik kræver ikke programmering på serverniveau, men det er lidt mere kompliceret - og det fungerer naturligvis for en browser, der giver mulighed for Javascript, hvilket de fleste gør, medmindre brugeren beslutter at deaktivere det.

Sådan kan du medtage et uddrag af HTML ved hjælp af JavaScript:

Gem HTML til de almindelige elementer på dit websted i en JavaScript-fil. Enhver HTML skrevet i denne fil skal udskrives på skærmen med document.write fungere.

  1. Upload filen til dit websted.

  2. Brug en 

  3. Brug den samme kode på hver side, som du vil medtage filen.

Hvad er HTML inkluderet?

En inkludering er en del af HTML, der ikke i sig selv er et komplet HTML-dokument. I stedet er det en del af en anden side, der kan indsættes i en hel webside gennem programmering. De fleste inkluderer filer er de ovennævnte emner, der gentages på flere sider på et websted. For eksempel:

  • Navigation
  • Oplysninger om ophavsret
  • Sidehovedområder
  • Sidefodsområder

Hvordan 'Inkluderer' gør webdesign mere effektivt

Næsten alle websteder indeholder elementer i designet, der gentages på tværs af hver side på webstedet, herunder sidehovedområdet, hvor logoet findes, navigationsmenuen og sidefodsområdet.

Gentagne elementer på et websted giver mulighed for konsistens i brugeroplevelsen. En besøgende behøver ikke finde navigationen på hver side, for når de først har fundet den, ved de, hvor den vil være på andre sider på det websted, de besøger.

Inkluderet indhold eliminerer behovet for at redigere hver side på dit websted for dette gentagne indhold. I stedet redigerer du en fil, og derefter får hele dit websted og hver side i det opdateringen.

HTML-filer

Gentaget indhold i Content Management Systems

Hvis dit websted bruger et CMS, bruger det sandsynligvis visse skabeloner eller temaer er en del af denne software. Selvom du brugerdefinerede disse skabeloner fra bunden, udnytter webstedet stadig denne ramme for siderne. Som sådan indeholder disse CMS-skabeloner de områder på webstedet, der gentages på tværs af hver side. Du logger blot ind på backend af CMS og redigerer de nødvendige skabeloner. Alle sider på webstedet, der bruger denne skabelon, opdateres.

Selvom du ikke bruger et indholdsstyringssystem til dit websted, kan du stadig drage fordel af inkluderede filer. I HTML, inkluderer hjælpe med at gøre det lettere at administrere disse skabelonerede områder på dit websted

Andre inkluderingsmetoder

Der er flere andre måder at inkludere HTML på dine sider. Nogle er mere komplicerede end andre, og mange af dem er faktisk forældede af nutidens standarder.

  • CGI Inkluderer: Du kan bruge Perl eller et andet programmeringssprog til at oprette dine sider og derefter inkludere det, du vil, enten som "krævede" filer eller ved at læse dem manuelt.
  • Flash inkluderer: Hvis du bygger dit websted helt i Adobe Flash, kan du derefter bruge det til at inkludere elementer på webstedet. Denne metode er forældet, og fulde Flash-sider er en sjældenhed på Internettet i disse dage.
  • Rammer inkluderer: I stedet for at bruge de samme elementer igen og igen på tværs af flere sider, skal du oprette et indrammet sted, hvor rammerne er de duplikerede dele af webstedet. Dog undtagen iframe-elementet, rammer er forældede i HTML5.
  • Content Management Tools inkluderer: Templating er et af de største salgsargumenter i CMS, og det er virkelig, hvordan dette arbejde håndteres på de fleste websteder i dag.
instagram story viewer