6.5.2.4 include
다른 HTML 파일을 넣을 수 있습니다.
헤더나 푸터, 내비게이션처럼 웹 제작 시 공통되는 부분을 따로 관리할 수 있어 페이지마다 동일한 HTML을 넣어야 하는 번거로움을 없앱니다. include 파일 경로와 같은 형태로 사용합니다.
|
넌적스 |
HTML |
|
header.html <header>
<a href="/">Home</a>
<a href="/about">About</a>
</header>
footer.html <footer>
<div>푸터입니다.</div>
</footer>
main.html {% include "header.html" %}
<main>
<h1>메인 파일</h1>
<p>다른 파일을 include할 수 있습니다.</p>
</main>
{% include "footer.html" %}
|
<header> <a href="/">Home</a> <a href="/about">About</a> </header> <main> <h1>메인 파일</h1> <p>다른 파일을 include할 수 있습니다. |