¿Cómo incluir una página HTML en otra página HTML sin marco/iframe?

Resuelto praveenjayapal asked hace 15 años • 15 respuestas

Quiero incluir una página HTML dentro de una página HTML. ¿Es posible?

No quiero hacerlo en PHP, sé que en PHP podemos usarlo includepara esta situación, ¿cómo puedo lograr lo mismo puramente en HTML sin usar el concepto iframeand ?frame

praveenjayapal avatar Mar 24 '09 14:03 praveenjayapal
Aceptado

Puedes usar un elemento de objeto.

<object type="text/html" data="urltofile.html"></object>

o, en su servidor local, AJAX puede devolver una cadena de HTML (responseText) que puede usar para documentar, escribir una nueva ventana, o editar las etiquetas head y body y agregar el resto a un div u otro elemento de bloque en el página actual.

kennebec avatar Mar 27 '2009 18:03 kennebec

Si simplemente está intentando insertar su propio HTML desde otro archivo y considera que una inclusión del lado del servidor es "HTML puro" (porque parece un comentario HTML y no utiliza algo "sucio" como PHP ):

<!--#include virtual="/footer.html" -->
Daniel LeCheminant avatar Mar 24 '2009 07:03 Daniel LeCheminant

Si te refieres al lado del cliente, tendrás que usar JavaScript o marcos.
Una forma sencilla de empezar: prueba jQuery

$("#links").load("/Main_Page #jq-p-Getting-Started li");

Más en jQuery Docs

Si desea utilizar IFrames, comience con Wikipedia en IFrames

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
        <title>Example</title>
  </head>
  <body>
        The material below comes from the website http://example.com/
        <iframe src="http://example.com/" height="200">
            Alternative text for browsers that do not understand IFrames.
        </iframe>
   </body>
</html>
Cherian avatar Mar 24 '2009 07:03 Cherian