Globale linker

HTML

SSI (server side includes)

SSI er en veldig hendig komponent som kommer fra CGI. Server-side includes er instruksjoner til serveren om å inkludere en spesifikk fil i et dokument før dokumentet blir sendt til brukeren. Ved å bruke SSI kan du dynamisk legge ved innhold i en web-side eller i flere sider på en site. Det fineste ved det hele er at du ikke trenger å kunne noen form for programmering for å kunne bruke det.

SSI er som sagt en del av CGI som, sammen med serveren, lar oss dynamisk legge inn informasjon (som dato, eller et bilde eller et tekstdokument eller en html-side) i enhver html-side, og la browseren vise fram innholdet som om det var en del av web-siden. La oss si at du ville vise dagens dato på toppen av siden din. Det eneste du trenger å gjøre er å skrive følgende kode inn i html-dokumentet:

(NB! Pass på at du har et mellomrom mellom "DATE_LOCAL" og -->. Noen servere får problemer hvis de står helt inntil hverandre)

Det kjipe alternativet ville vært å gå inn i hvert eneste html-dokument på siten og forandret datoen manuelt hver eneste dag. Så hverdagen kan bli enklere med SSI.

Serveren der hvor siten din ligger må støtte SSI parsing. Hvordan du kan finne ut serveren din støtter det? Ganske enkelt det også.

Kjør en SSI-test.

Lag en webside, og skriv inn koden

et eller annet sted mellom <body>-taggene.
Lagre som test.shtml
Laste siden opp til serveren
Start browseren og pek til filen du nettopp har lastet opp. Hvis dagens dato er skrevet inn på siden, støtter serveren din SSI.

Hvis den ikke viser dagens dato, støtter nok ikke serveren SSI. Det går jo an å spørre systemansvarlig.

Lagre som.shtml

For at sidene dine skal kunne nyttiggjøre seg SSI, må alle filene du vil bruke SSI i bytte fil-extension fra .htm eller .html til .shtml. Så index.htm må bli index.shtml. For de fleste servere er dette den eneste måten en server kan vite hva en SSI-kommando er.

Vise dagens dato og tid

Denne har vi allerede sett på :

vil vise f.eks: lørdag, 16-mar-2002 20:39:43 CET

Vise sist oppdatert

hvor «test.shtml» er navnet på filen. Dette vil vise en dato som over når siden sist ble lagret.

Et dokument inne i et annet

Dette må være en av de mest nyttige funksjonene i SSI — muligheten til å legge inn et annet dokument i dokumentet. Koden for dette er:

eller

Bruk #include file om du refererer til include-filen med en dokument-relativ bane, f.eks: .
NB! Den dokumentrealtive banen kan ikke peke ut av mappen, feks:"../includes/myfile.htm", da må du bruke virtual istedet.
Bruke #include virtual hvis du refererer til include-filen med en site-root-relativt bane, feks:

Fra hjelpefilen i Dreamweaver

There are two types of server-side includes: Virtual and File. Choose which to use depending on what type of Web server you use:

If your server is an Apache Web server, choose Virtual. (This is the default choice in Dreamweaver.) In Apache, Virtual works in all cases, while File works only in some cases.
If your server is a Microsoft IIS server, choose File. (Virtual works with IIS only in certain specific circumstances.)

Unfortunately, IIS won't allow you to include a file in a folder above the current folder in the folder hierarchy, unless special software has been installed on the server. If you need to include a file from a folder higher in the folder hierarchy on an IIS server, ask your system administrator if the necessary software is installed.
For other kinds of servers, or if you don't know what kind of server you're using, ask your system administrator which option to use.

Some servers are configured to examine all files to see if they contain server-side includes; other servers are configured to examine only files with a particular file extension, such as .shtml, .shtm, or .inc. If a server-side include isn't working for you, ask your system administrator if you need to use a special extension in the name of the file that uses the include. (For example, if the file is named canoe.html, you may have to rename it to canoe.shtml.) If you want your files to retain .html or .htm extensions, ask your system administrator to configure the server to examine all files (not just files with a certain extension) for server-side includes. Parsing a file for server-side includes takes a little extra time, though, so pages that the server parses are served a little more slowly than other pages; some system administrators therefore won't provide the option of parsing all files.

Fra http://www.carleton.ca/~dmcfet/html/ssi1.html#yeah

The include tag provides for inserting the contents of a file into the HTML page at the location of the include token. The SSI+ include tag is fully recursive, each document inserted may itself contain further SSI+ insert tokens or any other SSI+ tokens.
virtual The virtual variable is used to specify a file path/name relative to the base directory of the HTTP server. The format is: 'virtual="'<filename>'"' where <filename> is a file path/name relative to the base directory of the HTTP server.

file The file variable is used to specify a file path/name relative to the directory of the current document. The format is: 'file="'<filename>'"' where <filename> is a file path/name relative to the directory of the current document.

Skriv dette hvor du vil mellom <body>-taggene og «myfile.htm» vil vises der hvor du har bedt om det i koden. Husk at referansen til «myfile.htm» må inneholde den riktige relative banen.

Filen du henviser til trenger ikke være en «.htm-fil». Det kan også være en .txt-fil eller .inc-fil. Og i denne tekstfilen kan du ha html-koder hvis du trenger det.
Hvis include-filen inneholder CGI-kode må include-filen også ha .shtml som filetternavn.

Så hvordan kan dette være tidsbesparende for oss? La oss si at du har noe som repeteres i mange sider, f.eks. «Dagens tilbud». Istedet for kjipe metoden — å måtte gå inn i hver eneste side og manuelt oppdatere dagens tilbud, kan du ha en tekstfil eller html-fil hvor du forandrer innholdet hver dag. Du ender altså opp med å måtte gjøre forandringene i én fil, istedet for mange.

Mer om SSI finner du hos SSI-developer.net

Gå til neste side for å se på meta tagger.