Tengo 1 página html pura por ej. sample.html. Necesito incluir este html en otro html puro para ex.Orginal.html. ¿Cómo hacer esto? Tengo una imagen de encabezado en mi sample.html. Debe aparecer en la parte superior de la página Orginal.html.Cómo agregar 1 html puro en otro html
No puede hacer tales cosas en HTML puro, a menos que use marcos o elemento iframe. Pero mejor combínalos a mano ...
Si desea incluir algo en muchas páginas y esa información cambia, tendrá que cambiar muchas páginas. Idealmente, usaría la tecnología del lado del servidor para incluir la información cuando termine con una página para mostrar (menos solicitudes HTTP y mejor indexación), pero la pregunta es buscar una respuesta html pura a este problema. – Fenton
ese es mi punto :) Usaría algo del lado del servidor, pero si estamos hablando de unos pocos archivos, la mejor solución sería actualizar HTML. Si es HTML puro, necesitarían editarlo de todos modos , entonces, ¿por qué hacerlo más complicado? En tal escenario, la edición simple es la más pragmática. –
Si está utilizando el servidor web Apache, puede intentar usar server side includes.
Parece que IIS admite esto también http://www.microsoft.com/technet/prodtechnol/WindowsServer2003/Library/IIS/eced0b89-e052-42ff-baa8-751dd191c3b5.mspx?mfr=true –
Puede usar JavaScript para cargar algo de HTML de un documento a otro. Esta tarea es bastante sencilla utilizando el jQuery toolkit:
$("The ID of a container (a div element for instance) in which you want to load
the contents of a HTML file").load("path to html file you want to load");
<div id="inserthere" />
$(function()
{
$("#inserthere").load("loadme.html"); // Load the contents of loadme.html
// and stuff it in the div with the
// ID of "inserthere"
});
El "archivo para incluir "será visible solo cuando el DOM haya terminado de cargarse ... y también hará que ajax llame para mostrar el contenido. Esto no se verá bien. –
Ver Include One File In Another, que tiene un resumen de las diversas técnicas que están disponibles (junto con su pros y contras).
Aquí es un ejemplo de cómo hacerlo en HTML puro con un iframe, que aunque curiosamente no se menciona en la especificación HTML 4 es soportado por todos los navegadores (y es en la especificación HTML 5)
<body>
<h1>This is original page</h1>
<p>Some content on original page.</p>
<iframe src="sample.html" width="600" height="300"></iframe>
</body>
Puede ajustar el ancho y alto y también puede quitar el borde si desea que la página sea más uniforme.
Tenga cuidado con las soluciones de JavaScript a este problema, especialmente si desea ser visto en dispositivos móviles.
Nota adicional: evite las soluciones de marcos también, ya que no son marcas válidas.
con PHP, fácil y la salida sería hmtl:
Orginal.php
<!--headers -->
<?
include 'sample.html';
?>
<!-- rest of your site -->
supongo que quieres que esto se haga de forma dinámica? ¿Qué idioma quieres usar? Javascript, php, asp.net, ...? – Peter
Entiendo que realmente está hablando de HTML sencillo y nada más ... –