Repite el mismo código HTML en varias páginas

Me es muy difícil buscar esto, porque no tengo ni idea de cómo llamarlo.Repite el mismo código HTML en varias páginas

Trataré de describir el proceso que quiero, y ver si alguno de ustedes conoce dicho editor. Tengo un sitio web que tiene el mismo componente html repetido en ellos, por ejemplo, un menú. Puedo definir cómo se ve el menú con css, pero no puedo (por lo que sé) agregar el mismo fragmento de html a cada página html con una línea simple. Lo que hago, es copiar el menú a cada lugar. Si cambio el menú, necesito hacerlo todo de nuevo. Sé que esto se puede lograr utilizando un servidor dinámico, con algo como php o jsp, pero no lo necesito para ser dinámico.

Me preguntaba si había una manera de hacer esto. Pensé que posiblemente había un editor, donde puedo editar html usando includes, y luego "compilar" htmls después de la modificación para producir los htmls que reemplazaré en mi servidor.

Gracias

Fuente

2012-06-28 poet

se puede lograr usando '.load de jQuery)' función (. Pero supongo que no estás buscando soluciones basadas en jQuery. –

Esto es para lo que PHP es. No importa si el contenido es dinámico o no. Simplemente escriba el menú una vez y luego inclúyalo con PHP siempre que lo necesite. –

Creo que estás buscando plantillas, y creo que Dreamweaver tiene este tipo de características. –

Tenga una mirada en server side includes ... crear una página menu.shtml y luego incluirla como tal:

<!--#include virtual="/menu.shtml" -->

Su apoyadas por la mayoría de los servidores web de la caja (incluyendo IIS, Apache y lighttpd)

Fuente

2012-06-28 08:57:50 ManseUK

Se podría escribir un poco simple de js en un archivo externo y luego llamarlo en cada página para cargar dinámicamente el menú. Luego puede simplemente editar el menú editando el archivo JS. todo lo que necesitaría hacer entonces es incluir el en el html y usar document.getElementById ("menu"). innerHTML = menuHTML; donde menuHTML es una variable que contiene el código HTML puro del menú. A continuación, puede incluir el archivo JS y lo llaman en el proceso de carga del cuerpo

Fuente

2012-06-28 08:54:13

ha escuchado acerca MasterPage Concept

El siguiente enlace le dará un comienzo rápido

la página principal son las páginas que actuarán como un marco para todas las otras páginas. Tienes que escribirlo solo uno. Y cada página que está debajo de eso, tendrá que incluir la página maestra. ¡Eso es todo!

Fuente

2012-06-28 08:55:23 madhairsilence

usted puede hacer esto con jQuery

Suponga que tiene page1.html page2.html etc.

usted desea en cada uno de estos páginas su información de contacto. Puede crear un archivo con el nombre "info.txt". En el lugar donde quieres esta información de contacto, pones un div. como se muestra en este ejemplo

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    </head> 
    <body> 
    <!-- page content --> 
    <div id="contact"></div> 
    </body> 
</html> 




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
     $("#contact").load("info.txt"); 
    ; 
}); 
</script>

Lo que se coloca en 'info.txt' va a ser puesto en el lugar del estabas pones

Fuente

2016-07-11 16:19:41 Richard

Repite el mismo código HTML en varias páginas

Respuesta

Cuestiones relacionadas