최신 웹 개발 튜토리얼
 

W3Data는 포함


HTML에 HTML 조각을 포함하는 방법에 대해 알아 봅니다.


되는 HTML

당신이 .html 파일에 포함 할 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>

HTML을 포함

포함 HTML이 사용하여 수행됩니다 속성 W3를 - - HTML을 포함한다 :

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

자바 스크립트 추가

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

() 페이지가 w3data.js가로드 확인하고 w3IncludeHTML 전화 :

<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>
»그것을 자신을 시도