이런 홈페이지를 제작하면 사이드바나 메뉴는 지속적으로 사용해야되는데 매 번 다른 페이지에 이동해서 수정하기 번거로워서
하나로 import 해서 사용하는게 편합니다.
http://www.w3schools.com/howto/howto_html_include.asp
w3schools 에 아주 편하고 쉬운 예제가 있어서 글을 올려봅니다.
1. 먼저 import 하고 싶은 test.html 을 만들어봅니다.
다음으로 import 하려는 페이지에서 해야할 일입니다.
<script src="http://www.w3schools.com/lib/w3data.js"></script>
2. 위와 같은 태그를 head 에 추가시켜 줍니다.
<div w3-include-html="test.html"></div>
3. 위와 같은 태그 ( 포함시키고자 하는 태그 ) 를 원하는 위치에 추가시켜줍니다.
4. 그리고 마지막으로 script 안에 w3IncludeHtml(); 을 추가해줍니다.
그리고 추가해주면 ??
제 바탕화면에서 불렀을 때에는 실행되지 않습니다.
위와 같은 문제때문인데요
로컬에서 하면 실행되지 않습니다.
그래서 APM 이 설치되어 있는 폴더에 파일을 이동시켜보면 ??
원래는 위와 같은 파일이 있는데 같은 폴더에 test.html 과 htmltest.html 을 이동시키고 확인해봅니다.
위와 같이 잘 나오게 됩니다.