Html 에서 서버 언어를 사용하지 않고 지속적으로 사용하는 html 불러오기 ( 메뉴, 사이드바 같은 요소들 )

 



이런 홈페이지를 제작하면  사이드바나 메뉴는 지속적으로 사용해야되는데 매 번 다른 페이지에 이동해서 수정하기 번거로워서

하나로 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 을 이동시키고 확인해봅니다. 




위와 같이 잘 나오게 됩니다.