최신 웹 개발 튜토리얼
 

방법 - HTML을 포함


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>

자바 스크립트를 추가

HTML 자바 스크립트에 의해 수행된다 포함되어 있습니다.

웹 페이지에 스크립트 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>
»그것을 자신을 시도