본문 바로가기
백엔드/타임리프

타임리프 주석

by 김어찐 2021. 9. 12.
728x90

Controller

    @GetMapping("/comments")
    public String comments(Model model) {
        model.addAttribute("data", "Spring");
        return "basic/comments";
    }

 

HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>예시</h1>
<span th:text="${data}">html data</span>
<h1>1. 표준 HTML 주석</h1>
<!--
<span th:text="${data}">html data</span>
-->
<h1>2. 타임리프 파서 주석</h1>
<!--/* [[${data}]] */-->

<!--/*--> 여러줄 주석
<span th:text="${data}">html data</span>
<!--*/-->

<h1>3. 타임리프 프로토타입 주석 (파일 그자체를 열떄는 안보이지만 타임리프를 이용해 서버사이드에서 렌더링시 표시)</h1>
<!--/*/
<span th:text="${data}">html data</span>
/*/-->
</body>
</html>

728x90

'백엔드 > 타임리프' 카테고리의 다른 글

타임리프 자바스크립트, JS each  (0) 2021.09.12
타임리프 block  (0) 2021.09.12
타임리프 조건식(if, unless, switch)  (0) 2021.09.12
타임리프 반복(each)  (0) 2021.09.12
타임리프 속성 값 설정  (0) 2021.09.12