Hvordan inkludere en HTML-fil i en annen

Denne artikkelen forklarer hvordan "Inkluderer" fungerer og gir trinn for bruk av Server Side Inkluderer, PHP Inkluderer og JavaScript Inkluderer.

Bruk av serversiden inkluderer

Server Side Includes ble først utviklet for å tillate webutviklere å "inkludere" HTML-dokumenter på andre sider. I utgangspunktet blir en kodebit som finnes i ett dokument inkludert i et annet når siden kjøres på serveren og sendes til nettleseren.

SSI er inkludert på de fleste webservere, men du må kanskje aktivere den for å få den til å fungere. Hvis du ikke vet om serveren din støtter SSI, kan du kontakte din vertsleverandør.

Her er et eksempel på hvordan du kan bruke SSI til å inkludere en HTML-kodebit på alle websidene dine:

1. Lagre HTML for de vanlige elementene på nettstedet ditt som separate filer. For eksempel kan navigasjonsdelen din lagres som navigasjon.html eller navigasjon.ssi.

2. Bruk følgende SSI-kode for å inkludere HTML-dokumentets kode på hver side.

   
   eller.
   

   De inkludere direktivet godtar to parametere. Virtuell antar at filnavnet er relativt til dokumentets rot på nettstedet, mens fil aksepterer en absolutt filbane.

3. Legg til denne koden på hver side du vil inkludere filen.

Bruke PHP Inkluderer

Som SSI, PHP er en teknologi på servernivå. Hvis du ikke er sikker på om du har PHP-funksjonalitet på nettstedet ditt, kan du kontakte vertsleverandøren din.

Her er et enkelt PHP-skript du kan bruke til å inkludere et HTML-kodebit på en hvilken som helst PHP-aktivert webside:

1. Lagre HTML for de vanlige elementene på nettstedet ditt, for eksempel navigering, for å skille filer. For eksempel kan navigasjonsdelen din lagres som navigasjon.html eller navigasjon.ssi.

2. Bruk følgende PHP-kode for å inkludere HTML-en på hver side (erstatte filens bane og filnavnet mellom anførselstegnene).

3. Legg til den samme koden på hver side du vil inkludere filen.

JavaScript inkluderer

JavaScript er en annen måte å inkludere HTML på sidene på nettstedet ditt. Denne teknikken krever ikke programmering på servernivå, men det er litt mer komplisert - og det fungerer åpenbart for en nettleser som tillater Javascript, som de fleste gjør med mindre brukeren bestemmer seg for å deaktivere den.

Slik kan du inkludere en HTML-kodestykke ved hjelp av JavaScript:

Lagre HTML for de vanlige elementene på nettstedet ditt i en JavaScript-fil. HTML som er skrevet i denne filen, må skrives ut på skjermen med document.write funksjon.

1. Last opp filen til nettstedet ditt.

2. Bruk en 

3. Bruk den samme koden på hver side du vil inkludere filen.

Hva inkluderer HTML?

En inkludering er en del av HTML som ikke i seg selv er et fullstendig HTML-dokument. I stedet er det en del av en annen side som kan settes inn i en hel webside gjennom programmering. De fleste inkluderer filer er de nevnte elementene som gjentas på flere sider på et nettsted. For eksempel:

• Navigasjon
• Informasjon om copyright
• Topptekstområder
• Bunntekstområder

Hvordan 'Inkluderer' gjør webdesign mer effektivt

Nesten alle nettsteder inkluderer elementer i designet som gjentas på tvers av hver side på nettstedet, inkludert topptekstområdet der logoen ligger, navigasjonsmenyen og bunntekstområdet.

Gjentatte elementer på et nettsted tillater konsistens i brukeropplevelsen. En besøkende trenger ikke å finne navigasjonen på hver side, for når de først har funnet den, vet de hvor den vil være på andre sider på nettstedet de besøker.

Inkludert innhold eliminerer behovet for å redigere hver side på nettstedet ditt for dette gjentatte innholdet. I stedet redigerer du en fil, og deretter får hele siden og hver side i den oppdateringen.

Gjentatt innhold i Content Management Systems

Hvis nettstedet ditt bruker CMS, bruker det sannsynligvis visse maler eller temaer som er en del av programvaren. Selv om du spesialbygger disse malene fra bunnen av, bruker nettstedet fortsatt dette rammeverket for sidene. Som sådan inneholder disse CMS-malene områdene på nettstedet som gjentas på hver side. Du logger ganske enkelt på baksiden av CMS og redigerer nødvendige maler. Alle sidene på nettstedet som bruker den malen, blir oppdatert.

Selv om du ikke bruker et innholdsstyringssystem for nettstedet ditt, kan du fortsatt dra nytte av inkluderte filer. I HTML, inkluderer bidra til å administrere disse malede områdene på nettstedet ditt.

Andre inkluderer metoder

Det er flere andre måter å inkludere HTML på sidene dine. Noen er mer kompliserte enn andre, og mange av dem er faktisk utdaterte av dagens standarder.

• CGI Inkluderer: Du kan bruke Perl eller et annet programmeringsspråk for å lage sidene dine og deretter inkludere hva du vil, enten som "krever" filer eller ved å lese dem inn manuelt.
• Flash inkluderer: Hvis du bygger nettstedet ditt helt i Adobe Flash, kan du bruke det til å inkludere elementer på nettstedet. Denne metoden er utdatert, og fulle Flash-nettsteder er en sjeldenhet på nettet i disse dager.
• Rammer inkluderer: I stedet for å bruke de samme elementene om og om igjen på flere sider, kan du opprette et innrammet nettsted der rammene er de dupliserte delene av nettstedet. Imidlertid, bortsett fra iframe-elementet, rammer er foreldet i HTML5.
• Innholdsstyringsverktøy Inkluderer: Templating er en av de viktigste salgsstedene for CMS, og det er virkelig hvordan dette arbeidet håndteres på de fleste nettsteder i dag.