Aprender cómo incluir fragmentos de HTML en HTML.
el HTML
Guarde el HTML que desea incluir en un archivo html:
content.html
<a href="howto_google_maps.asp">Google Maps</a><br>
<a href="howto_css_animate_buttons.asp">Animated Buttons</a><br>
<a href="howto_css_modals.asp">Modal Boxes</a><br>
<a href="howto_js_animate.asp">Animations</a><br>
<a href="howto_js_progressbar.asp">Progress Bars</a><br>
<a href="howto_css_dropdown.asp">Hover Dropdowns</a><br>
<a href="howto_js_dropdown.asp">Click Dropdowns</a><br>
<a href="howto_css_table_responsive.asp">Responsive Tables</a><br>
Incluir el código HTML
Incluyendo HTML se realiza mediante el uso de un w3-include-html atributo:
Ejemplo
<div w3-include-html ="content.html"></div>
Añadir el código JavaScript
HTML incluye son realizadas por JavaScript.
Añadir los w3data.js secuencia de comandos para su página web:
Ejemplo
<script src="http://www.w3ii.com/lib/w3data.js"></script>
Llamar w3IncludeHTML() para incluir el código HTML:
Ejemplo
<script>
w3IncludeHTML();
</script>
Ejemplo completa
Ejemplo
<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
Inténtalo tú mismo " Muchos incluir fragmentos HTML
Puede incluir cualquier número de fragmentos de HTML:
Ejemplo
<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>
<div w3-include-html="h1.html"></div>
<div
w3-include-html="content.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html> Inténtalo tú mismo "