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