inculde작업이란?

메인페이지 및 서브페이지들에서 계속 반복되는 head, header, footer 등등의 것을 따로 빼어 웹 사이트의 구조를 분리하여 관리하기 쉽고, 코드의 재사용성을 높이며, 유지보수를 용이하게 만드는 목적으로 사용.

1. 📁폴더 관리

xampp → htdocs
사이트 이름으로 폴더를 만든 후 그 안에 public 폴더를 만들어 보관한다.

나는 c드라이브에는 xampp파일들만 두고 작업중인 파일은 d드라이브로 옮겼다.

2.include 폴더 생성

include 폴더를 만들어서 각각 head, header, footer의 html 코드를 나눠서 넣어준다.

3 head include 주의사항

3-1. 포함하지 말아야 할 것

head 에서 타이틀이랑 디스크립션은 페이지마다 다르기때문에 inculde에 포함해서는 안된다.

3-2. base href

base href="/" << html 의 시작점을 정하는것 여기를 기점으로 상대경로가 지정된다.
head를 inculde로 분리하여 작업했기 때문에 서브페이지의 상대경로가 모두 같아진다.

4. 코드를 넣는 방법

<?php include './include/head.html'; ?>
<?php include './include/header.html'; ?>
<?php include './include/footer.html'; ?>

각각 원래 존재하던 자리에 해당 include코드를 넣어준다.