La reutilización HTML es una palabra rara vez mencionada. Hoy, el resumen de este problema es el siguiente:
En versiones antiguas de navegadores, los documentos HTML no admiten la anidación, pero necesitamos poder reutilizar el código HTML. Las prácticas habituales son principalmente dos métodos principales basados en la implementación del lado del servidor y del lado del cliente:
1. Implementación del lado del servidor a. Use SSI, tanto el archivo shtml habitual.b. Incluya declaraciones como ASP, PHP, etc., páginas de plantilla y controles de usuario de ASP.NET.
2. Implementar en el clienteA. Use el script del cliente JavaScript
a1. Se puede activar un método JS en el evento de encendido del documento HTML, y un elemento de página se puede encontrar como un contenedor en el método, y se puede emitir una pieza de código HTML en el contenedor (se puede definir una cadena para almacenar el fragmento de código HTML para emitir, como: var str = <p> hola mundo! </p>;).
a2. Use <script type = text/javaScript src = default3.aspx> </script> y otros scripts para registrar bloques (el default3.aspx aquí también puede ser un archivo de script JS u otra salida del lado del servidor que implementa el formato JS), y use el método document.write para imprimir el código HTML para reutilizarse en el archivo de script implementado.
A3. Use AJAX para implementar. Este método tiene una falla, es decir, algunos navegadores del cliente no admiten llamadas de sitios cruzados de AJAX por defecto.
b. Utilice iframe
Opciones de ambos:
En más casos, se prefiere la implementación del lado del servidor, a menos que la implementación del lado del cliente se use en algunas páginas que implementan estáticamente o en algunas ocasiones especiales.
Más referencias:
http://ask-timo.com/how_do_i_include_one_html_file_inside_another.html
http://www.boutell.com/newfaq/creating/include.html
http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx