了解如何在HTML中包括HTML片段。
該HTML
保存要在一個.html文件，包括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>
包括HTML
包括HTML通過使用完成W3-包括HTML屬性：
例
<div w3-include-html ="content.html"></div>
添加的JavaScript
HTML包括由JavaScript完成。
腳本w3data.js添加到您的網頁：
例
<script src="http://www.w3ii.com/lib/w3data.js"></script>
呼叫w3IncludeHTML()以包括HTML：
例
<script>
w3IncludeHTML();
</script>
完整的例子
例
<!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>
試一試» 包括許多HTML片段
您可以包括任何數量的HTML代碼片段：
例
<!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> 試一試»