Breaking

for more information click below

PropellerAds

Tuesday, 23 April 2019

W3Data Includes

Toggle navigation
TUTORIAL HOME
W3Data Includes
❮ Previous Next ❯
Learn how to include HTML snippets in HTML.

The HTML
Save the HTML you want to include in an .html file:

content.html
<a href="https://www.Omegas.com/html/">HTML</a><br>
<a href="https://www.Omegas.com/css/">CSS</a><br>
<a href="https://www.Omegas.com/bootstrap/">Bootstrap</a><br>
<a href="https://www.Omegas.com/js/">JavaScript</a><br>
<a href="https://www.Omegas.com/sql/">SQL</a><br>
<a href="https://www.Omegas.com/php/">PHP</a><br>
<a href="https://www.Omegas.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 w3data.js  loaded and call w3IncludeHTML():

Example
<script>
w3IncludeHTML();
</script>
Full Example
Example
<!DOCTYPE html>
<html>
<script src="https://www.Omegas.com/lib/w3data.js"></script>
<body>

<div w3-include-html="content.html"></div>

<script>
w3IncludeHTML();
</script>

</body>
</html>
»
Include Many HTML Snippets
You can include any number of HTML snippets:

Example
<!DOCTYPE html>
<html>
<script src="https://www.Omegas.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>
»

❮ Previous Next ❯

No comments:

Post a Comment

Post Top Ad

PropellerAds