เรียนรู้วิธีการรวมตัวอย่าง 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> ลองตัวเอง»