[SOLUCIONADO] Conexión de un documento para mostrarse en varios

[Juancameneses]

Hola, la verdad es que no sé como se le puede llamar técnicamente a esto, pero la duda y el favor que quiero pedirles (gracias anticipadas) es:

Tengo varias páginas (Creadas con HTML5) que deben tener la misma información en el Header y footer, pero no quiero estar editando página por página para añadirles alguna información en el Header o Footer. ¿Se puede crear un archivo a parte que contenga la información en html del Header? que solo sea colocar un codigo para llamar a este archivo en todas las páginas.

Un ejemplo: El javascript, hay un archivo principal .JS, que contiene unos codigos (No sé si se pueden todos en html) y en la páginas que quiero que se vea este .JS solo coloco:

<script defer src="jr.js"></script>

Es urgente, si me pueden ofrecer un ejemplo de como crear el archivo, seria muy cheveré, Muchas gracias y espero que me haya explicado muy bien.

[PHPeros]

Con PHP puedes obtenerlo: file_get_contents.

[pzin]

Las opciones que tienes, de mejor a peor, son: usar un lenguaje de lado servidor (Ruby, Python, ASP, etc), usar SSI de Apache o usar iframes.

La primera opción es la buena, la segunda la rara y la última la que a Rafael le da yuyu ver.

Lo ideal es usar un lenguaje de servidor desde luego.

[Ito79]

Hola,

También podrías hacerlo por javascript apoyándote en JQuery.

Pongamos que tienes en tus html la cabecera así:

Código HTML:

<header id="miCabecera>Blablabla</header>
 

Primero sacarías el código de la cabecera a un fichero por ejemplo header.html, y en el resto de los HTML, dejarías:

Código HTML:

<header id="miCabecera></header>
 

Ahora con JQuery cargas el contenido de header.html en ese <header> usando la función load:

Código HTML:

<script> 
    $(function(){
      $("#miCabecera").load("header.html"); 
    });
    </script>
 

Espero haber ayudado,
Ito.

[Juancameneses]

Muchisimas gracias a todos,
La solución fue por PHP con el file_get_contents
Cree un archivo con los datos de header en .html aparte.

Y en el index.php llame al archivo así:

<?php
$página_inicio = file_get_contents('http://www.example.com/php/header.html');
echo $página_inicio;
?>

Mil gracias de nuevo a todos.

[Rafael]

Hum... ya que sí estás queriendo usar php estudia los includes http://www.w3schools.com/php/php_includes.asp.