W3.JS Includes
Include HTML snippets in HTML
Include an HTML file:
w3.includeHTML()
The HTML
Save the HTML you want to include in an .html file:
content.html
<a href="https://www.w3schools.com/html/">HTML</a><br>
<a
href="https://www.w3schools.com/css/">CSS</a><br>
<a
href="https://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a
href="https://www.w3schools.com/js/">JavaScript</a><br>
<a
href="https://www.w3schools.com/sql/">SQL</a><br>
<a
href="https://www.w3schools.com/php/">PHP</a><br>
<a
href="https://www.w3schools.com/w3css/">W3.CSS</a><br>
Include the HTML
Including HTML is done by using a w3-include-html attribute:
Example
<div w3-include-html="content.html"></div>
Add the JavaScript
HTML includes are done by JavaScript.
Make sure your page has w3.js loaded and call w3.includeHTML():
Example
<script>
w3.includeHTML();
</script>
Full Example
Example
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Try it Yourself »
Include Many HTML Snippets
You can include any number of HTML snippets:
Example
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div
w3-include-HTML="h1.html"></div>
<div
w3-include-HTML="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
<html>
Try it Yourself »
