티스토리 뷰

백엔드/ThymeLeaf

[Thymeleaf] 주석

거북이의 기술블로그 2024. 10. 17. 15:10

표준 html 주석

  • <!-- [내용] -->
    • thymeleaf가 렌더링하지 않고, 그대로 남겨둔다.
    • 주석 부분이 html에 그대로 남겨져 있다
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Thymeleaf Example</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    
    <!-- 이게 Html 주석 -->
    <!-- <span th:text="${data}">Example</span> -->
      
  </body>
</html>

 

 

Thymeleaf 주석

  • <!--/*--> [내용] <!--*/-->
    • thymeleaf가 렌더링할시, 해당 부분을 제거한다
    • 주석 부분이 html에 남아있지 않게 된다
    • 주로 thymeleaf 주석으로 사용됨
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Thymeleaf Example</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    
    <!--/*-->
    <span th:text="${data}">Example</span> -> 이부분이 타임리프 렌더링시 삭제됨
    <!--*/-->
      
  </body>
</html>

 

 

Thymeleaf 프로토타입 주석

  • <!--/*/ [내용] /*/-->
    • 일반적인 html 렌더링시에는 주석으로 처리
    • thymeleaf로 렌더링시에 보이게 된다.
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Thymeleaf Example</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    
    <!--/*/
    <span th:text="${data}">Example</span> -> 타임리프 렌더링에서만 실행됨
    /*/-->
      
  </body>
</html>

'백엔드 > ThymeLeaf' 카테고리의 다른 글

[Thymeleaf] 템플릿 레이아웃  (0) 2024.10.17
[Thymeleaf] 자체 태그 (th:block , th:inline, th:fragment)  (0) 2024.10.17
[Thymeleaf] 속성, 반복, 조건 (th:*, th:each,th:if)  (0) 2024.10.17
[Thymeleaf] 연산 표현 (연산, 조건 , elvis, no-opration)  (0) 2024.10.17
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함