tag - HTML5 incluye archivo
meta lang html5 (8)
HTML5 está hecho de 3 componentes: HTML, CSS y JavaScript. Entonces, debemos usarlos todos para aprovechar HTML5.
El código HTML externo se puede incluir en otro documento html utilizando javascript. Lo único es que debe almacenar el código externo en el archivo .js. Aquí hay un ejemplo de cómo incluir el párrafo html:
<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
<script type="text/javascript" src="include_html.js"></script>
</head>
<body>
<script type="text/javascript">
paragraph();
</script>
</body>
</html>
Contenido de include_html.js
function paragraph()
{
document.write("<p> This is an HTML paragraph </p>");
}
Esta pregunta ya tiene una respuesta aquí:
- ¿Cuáles son los nuevos marcos? [cerrado] 3 respuestas
¿Cuál es la mejor manera? Cross browser compatible para incluir un archivo HTML en HTML5.
Estoy construyendo un sitio en HTML5 y me gustaría tener el navegador en un archivo separado e incluido en las páginas del sitio.
La forma correcta es usar includes del lado del servidor. La solución PHP requiere que PHP esté instalado solo para incluir archivos, las soluciones html no son compatibles con la especificación aunque funcionen (la especificación no discrimina entre tipos de mime, pero sí especifica su intención, lo que significa que podría ser explícitamente) prevenido en el futuro, si esas etiquetas no están completamente desaprobadas).
Aquí está mi publicación de un hilo similar que pregunta sobre lo mismo:
Si su servidor admite SSI (incluye el lado del servidor), puede colocar lo siguiente en sus archivos html sin necesidad de un lenguaje de scripting o lo que sea. Apache tiene SSI habilitado por defecto (¿creo?)
<!--#include file="same_path_file.html" -->
<!--#include virtual="docroot_file.html" -->
"archivo" es relativo al archivo actual, y probablemente lo usaría para incluir archivos relacionados como "relevant_article_poll.html".
"virtual" es relativo a la raíz del documento (es decir, la raíz de su sitio web) y lo usaría para incluir archivos globales, como encabezados y pies de página.
Realmente no importa cuál elijas, pero es útil saber la diferencia entre los dos.
Además, la directiva include realiza una nueva solicitud http interna al servidor para cada archivo, por lo que podría incluir archivos php y "me gusta" y se ejecutarían como deberían.
Aquí hay una descripción general útil de SSI: http://en.wikipedia.org/wiki/Server_Side_Includes
No conozco ninguna forma de hacerlo en HTML, pero si lo hicieras en PHP, es bastante simple, si tuvieras cierta barra de navegación que quisieras incluir en cada página que acabas de poner:
<?php include(''nav.php'') ?>
Colocando el código HTML en una página separada para la navegación, y el PHP automáticamente lo golpeará allí cada vez. Y no tiene que saber PHP para hacer páginas PHP per se, solo puede usar el marcado HTML general en un archivo PHP y funcionará bien.
Ok, estas son todas respuestas válidas, pero a excepción del método javascript , las otras son bastante limitadas.
El php one está estrictamente vinculado al proveedor.
El objeto y la inserción , en cambio, incluyen el código sin ningún estilo (excepto si lo declaras en el archivo incluido).
Así que me refiero a que no es lo suficientemente bueno como el php o asp que funciona, pero necesita un servidor que lo soporte.
Para HTML5 puedes probar:
<head>
<link rel="import" href="/path/to/imports/stuff.html">
</head>
( https://www.html5rocks.com/en/tutorials/webcomponents/imports/ )
Si esta función no se implementa en un navegador de destino, puede usar el componente webcomponents polyfill: http://webcomponents.org/polyfills/
Si está escribiendo HTML puro, los archivos incluidos no son posibles. Sin embargo, puede utilizar la función de inclusión del lado del servidor (SSI) de Apache, o puede usar algún lenguaje de scripting (Python, Ruby, PHP, etc.) para ensamblar las páginas.
Usa la etiqueta de object :
<object name="foo" type="text/html" data="foo.inc"></object>
foo.inc debe incluir HTML válido.
Nota: NO use el estilo de cierre automático <object/> . Eso evitará que el contenido después de la etiqueta se muestre.
<object> funciona bien, aunque no es una etiqueta de cierre automático, por lo que debe verse así (de lo contrario no es válido HTML5):
<object name="foo" type="text/html" data="foo.inc"></object>
<embed> también se puede utilizar para incluir contenido html externo (y cualquier tipo MIME):
<embed type="text/html" src="foo.inc">