Gli ultimi tutorial di sviluppo web
 

Come - Includere HTML


Scopri come includere frammenti di codice HTML in HTML.


il codice HTML

Salvare il codice HTML che si desidera includere in un file 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>

Includere il codice HTML

Tra cui HTML viene fatto utilizzando un w3-include-attributo HTML:

Esempio

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

Aggiungere il codice JavaScript

HTML include sono fatto da JavaScript.

Aggiungere le w3data.js di script per la tua pagina web:

Esempio

<script src="http://www.w3ii.com/lib/w3data.js"></script>

Chiamare w3IncludeHTML() per includere il codice HTML:

Esempio

<script>
w3IncludeHTML();
</script>

Esempio completa

Esempio

<!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>
Prova tu stesso "

Includere molti Frammenti HTML

È possibile includere qualsiasi numero di frammenti di codice HTML:

Esempio

<!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>
Prova tu stesso "