tutoriais mais recente desenvolvimento web
 

W3Data Inclui


Saiba como incluir fragmentos de código HTML em HTML.


o HTML

Salve o HTML que deseja incluir em um arquivo .html:

content.html

<a href="http://www.w3ii.com/html/default.html">HTML</a><br>
<a href="http://www.w3ii.com/css/">CSS</a><br>
<a href="http://www.w3ii.com/bootstrap/">Bootstrap</a><br>
<a href="http://www.w3ii.com/js/">JavaScript</a><br>
<a href="http://www.w3ii.com/sql/">SQL</a><br>
<a href="http://www.w3ii.com/php/default.html">PHP</a><br>
<a href="http://www.w3ii.com/w3css/default.html">W3.CSS</a><br>

Incluir o HTML

HTML inclusive é feito usando um w3-incluem-html atributo:

Exemplo

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

Adicione o JavaScript

HTML inclui são feitas por JavaScript.

Certifique-se de sua página tem w3data.js carregado e chamar w3IncludeHTML ():

Exemplo

<script>
w3IncludeHTML();
</script>

Exemplo completo

Exemplo

<!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>
Tente você mesmo "

Incluem muitos fragmentos de código HTML

Você pode incluir qualquer número de fragmentos de código HTML:

Exemplo

<!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>
Tente você mesmo "