Videos eBook Forum Kontakt

jetzt Videos kaufen
damit HTML lernen ...
...
nicht für die Katz ist

Jetzt das HTML-Seminar bestellen als
Video-Tutorial mit über 210 Videos:
von den Grundlagen bis zur fertigen Website
Video-Kurs HTML5, CSS & Webdesign

Video-Kurs bestellen HTML5, CSS & Webdesign
Video-Kurs bestellen HTML5, CSS & Webdesign

SSI – server side includes – in HTML-Dokumente Befehle oder Dokumente einbetten

Das serverseitige einbinden in HTML-Dokumenten ermöglicht viel Optionen, die viele nicht auf dem Radar haben.

Man kann (wenn es auf dem Webserver freigeschaltet ist) innerhalb eines HTML-Dokuments SSI-Befehle integrieren, die auch andere Dateien nachladen können bzw. Befehle ausführen. So ist z.B. Möglich, auf allen Seiten eine Datei nachzuladen, die beispielsweise die Steuerung enthält. Nach außen ist absolut nichts sichtbar, da anstelle des Befehls dann später nur die eingebundene Datei sichtbar ist.

Innerhalb der HTML-Datei wird eingetragen:

<header>
Hier kommt der Kopfbereich
</header>
<!--#include virtual="steuerung.htm" -->
<article>
Hier kommt der Inhalt
</article>

In der Datei “steuerung.htm” steckt dann eine typische Steuerung wie z.B.

 <nav>
<ul>
  <li><a href="index.htm">Startseite</a></li>
  <li><a href="impressum.htm">Impressum</a></li>
</ul>
</nav>

Beim Aufruf der ersten Datei mit dem SSI-Befehl include wird nun die Datei „steuerung.htm“ geladen und eingebaut und komplett an den Besucher ausgeliefert. Der Besucher bekommt exakt diese HTML-Datei (ohne wirklich mitzubekommen, dass hier auf dem Server etwas zusammengebaut wurde).

Schaut der Besucher den Quellcode in seinem Browser an, sieht er diesen Code:

<header>
Hier kommt der Kopfbereich
</header>
<nav>
<ul>
  <li><a href="index.htm">Startseite</a></li>
  <li><a href="impressum.htm">Impressum</a></li>
</ul>
</nav>
<article>
Hier kommt der Inhalt
</article>

Cool, oder?

Server Side Includes (SSI) müssen auf dem Server freigeschalten sein. Bei 1und1 zum Beispiel muss in der .htaccess-Datei folgender Eintrag gemacht werden, damit es läuft:

AddType text/x-server-parsed-html .shtm .shtml .htm .html

PHP in HTML-Datei einbinden über SSI

Server Side Includes (SSI) sind eine coole Möglichkeit um PHP zu integrieren (ist nicht für alle Fälle ideal, aber oft genug. Somit brauchen wir keine Endung der HTML-Datei ändern oder am Server etwas umzustellen. Unser SSI-Befehl lautet dann einfach:

<header>
Hier kommt der Kopfbereich
</header>
<!--#include virtual="php-programm.php" -->
<article>
Hier kommt der Inhalt
</article>

Weitere SSI-Befehle

Es gibt durchaus noch weitere SSI-Befehle

Ausgabe des Datums der letzten Änderung der Datei

<!--#flastmod virtual="/index.htm" -->

Auch die Dateigröße kann ausgegeben werden

<!--#fsize virtual="/index.htm" -->

Soweit so gut – einfach einmal mit SSI spielen.