로컬에서 html에서 html 파일 인클루드 채택완료

</p>

<p><script>

    //includeHTML() 함수

    function includeHTML() {

        var z, i, elmnt, file, xhttp;

        /*loop through a collection of all HTML elements:*/

        z = document.getElementsByTagName("*");

        for (i = 0; i < z.length; i++) {

            elmnt = z[i];

            /*search for elements with a certain atrribute:*/

            file = elmnt.getAttribute("html-include");

            if (file) {

                /*make an HTTP request using the attribute value as the file name:*/

                xhttp = new XMLHttpRequest();

                xhttp.onreadystatechange = function() {

                    if (this.readyState == 4) {

                        if (this.status == 200) { elmnt.innerHTML = this.responseText; }

                        if (this.status == 404) { elmnt.innerHTML = "Page not found."; }

                        /*remove the attribute, and call this function once more:*/

                        elmnt.removeAttribute("html-include");

                        includeHTML();

                    }

                }

                xhttp.open("GET", file, true);

                xhttp.send();

                /*exit the function:*/

                return;

            }

        }

    };</p>

<p>     $(document).ready(function() {

        //includeHTML() 함수 실행

        includeHTML();

     });

</script></p>

<p><!-- 인클루드해서 넣을 HTML 주소를 html-include=""에 넣음 -->

<div id="header" html-include="header.html"></div></p>

<p>