개발자노트/웹

HTML - JSP - include 지시어

hansummer 2022. 8. 2. 17:53

include 지시어


- 여러 페이지에 공통으로 들어가는 내용을 관리할 때 용이
  (ex. 헤더,푸터 등)


- 공통으로 들어가는 페이지를 한 번 만들어두면, 다른 페이지에서 필요한 경우에 include해서 사용 가능함


- 공통내용의 페이지를 포함시킨 이후에 컴파일하기 때문에,

  개별적으로 컴파일 하지 않으므로 별도의 기본 HTML 구조 태그가 필요없음


- 여러 파일들을 하나로 컴파일하기 때문에 변경이 적은 정적☆인 페이지를 포함시킬 때 용이

 

 

수행결과

include 지시어

 

메인 HTML 코드 

- 여기에는 전체적으로 요소들을 감싸줄 테이블만 생성해주었다고 보면 된다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>include 지시어</title>
</head>
<body>

<table border="2">
   <tr>
      <td><%@ include file="header.jsp" %></td>
   </tr>
   <tr>
      <td><%@ include file="footer.jsp" %></td>
   </tr>
</table>

</body>
</html>

 

header 코드

- 위에서 말했듯, 요소들만 가지고 있으면 되기 때문에 요소를 제외한 HTML 구조 태그는 넣지 않았다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
[메일][카페][블로그][지식in][쇼핑][쇼핑LIVE][PAY][TV]

footer 코드

-위와 같다

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
[공지사항]
<hr>
Creator <br>
Partners <br>
Developers