Ejemplo de SSI

En este ejemplo ponemos en práctica un caso muy básico de aplicación de inclusiones. Partimos de la hipótesis de que nuestras páginas tienen dos bloques comunes a todas ellas: una cabecera con un logo y una frase de presentación, y un pie con enlaces a las secciones del sitio. Vamos a crear dos archivos de texto con el código de cada uno de los bloques. Al primero lo llamaremos "cabecera.inc", y podría albergar el siguiente código:

    <h1><img src="logo.png" alt="Frases hist&oacute;ricas" /></h1>
    <hr />
    <p>
      Gran repositorio de ocurrencias de las m&aacute;s
      l&uacute;cidas luminarias de nuestro entorno.
    </p>
    <hr />

Y, en un ejercicio de imaginación sin parangón conocido, al otro archivo lo llamaremos "pie.inc", y va a ser así:

    <hr />
    <p>|
      <a href="index.html">Home</a> |
      <a href="categorias.html">Categor&iacute;as</a> |
      <a href="personajes.html">Personajes</a> |
      <a href="novedades.html">Novedades</a> |
      <a href="enlaces.html">Enlaces</a> |
      <a href="contactar.html">Contactar</a> |
    </p>

Los dos fragmentos anteriores contienen el código que no queremos repetir per secula seculorum en todas nuestras páginas. En lugar de eso sólo debemos incluir los comandos que le indican al procesador SSI que debe procesar el documento incluyendo el contenido de esos archivos:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
    <title>El legado de HAL9000</title>
  </head>
  <body>
    <!--#include file="cabecera.inc" -->
    <p>Daisy, Daisy...</p>
    <!--#include file="pie.inc" -->
  </body>
</html>

Una vez procesado, el documento que es servido, y por tanto el que le llega al cliente es el resultante de sustituir las inclusiones por el archivo al que hacen referencia:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
    <title>El legado de HAL9000</title>
  </head>
  <body>
    <h1><img src="logo.png" alt="Frases hist&oacute;ricas" /></h1>
    <hr />
    <p>
      Gran repositorio de ocurrencias de las m&aacute;s
      l&uacute;cidas luminarias de nuestro entorno.
    </p>
    <hr />
    <p>Daisy, Daisy...</p>
    <hr />
    <p>|
      <a href="index.html">Home</a> |
      <a href="categorias.html">Categor&iacute;as</a> |
      <a href="personajes.html">Personajes</a> |
      <a href="novedades.html">Novedades</a> |
      <a href="enlaces.html">Enlaces</a> |
      <a href="contactar.html">Contactar</a> |
    </p>
  </body>
</html>

Nota: Por regla general los servidores no someten al procesador SSI los documentos con extensión ".htm" o ".html". En la mayoría de los casos se habilita la extensión especial ".shtml"

Estás en: tierra de nómadas > tallerWeb > Gestión de contenidos desde cero > Ejemplo de SSI

Volver a: Gestión de contenidos desde cero.