본문 바로가기

공부/퍼블리싱

Include HTML header / footer files

가끔 로컬에서 HTML 작업해 파일을 통으로 넘기는 경우가 많은데,

파일마다 header/footer를 복붙하면 모든 파일을 수정해야해서 불편할 수 있다. 

 

Php개발 환경이라면 간단하게 include하겠지만, 로컬에서 HTML 작업할 때는 수동(?)으로 포함시켜주자.

 

jQuery의 load함수 사용 예제 : 

<!-- header -->
<header id="header"></header>
<script>$("#header").load("./include/header.html");</script>
<!-- //header -->