기본적인 작성법
•
제일 상단에 다음과 같이 어떤 페이지 인지 주석을 달아주세요.
<!-- 예) 메인 레이 아웃 -->
HTML
복사
•
메인 레이아웃은 main_layout.css 를 참조하므로 아래와 같이 head 를 작성해주세요
<head>
<title>Main</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../static/css/main_layout.css" th:href="@{/css/main_layout.css}"/>
</head>
HTML
복사
•
content 태그 안에 내용 작성해주시면 됩니다!
<body>
<!-- 대체하고 싶은 요소에 layout:fragment 속성을 부여한다. -->
<div layout:fragment="content">안녕하세요 선생님들</div>
</body>
HTML
복사
◦
container__[]
▪
여러가지 요소들을 모아서 감싸는 경우의 클래스명 입니다.
▪
main_layout 의 경우 네비게이션바나 contents 영역을 다 감싸는 박스를 container__[] 를 이용해 명명하였습니다.
wrapper__[]
▪
한두가지 요소들을 모아서 감싸는 경우의 클래스명 입니다.
▪
버튼 요소들만 모아서 감싸는 경우 wrapper__btn 로 작명해주세요
•
<script> 는 바디 태그 아래에 작성해주세요!
◦
오류가 나는 경우 다음 코드를 <script> 위에 추가해주세요
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="/js/jQuery-2.1.4.min.js"></script>
HTML
복사