Thymeleaf로 개발하는 동안 HTML의 th 속성에 warning이 붙어 버린다

현상

eclipse나 STS로 Spring boot+Thymeleaf로 개발하고 있을 때, HTML내의 th속성에 warning이 붙어서 귀찮다.

환경

Spring Tool Suite 3

원인

html 속성에 xmlns:th="http://www.thymeleaf.org"를 쓰는 것을 잊어 버렸습니다.

sample.html

<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Hello SpringBoot Sample</h1>
    <h1 th:text="${message}"></h1>
  </body>
</html>

대책

패턴 1: HTML 속성에 xmlns 작성

HTML 태그의 xmlns 속성을 작성하여 th 속성이 있음을 편집기에 알립니다.

sample.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Hello</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Hello SpringBoot Sample</h1>
    <h1 th:text="${message}"></h1>
  </body>
</html>

패턴 2: th 속성 대신 data 속성 형식으로 작성

th 속성이 아니라 data 속성의 기술 방식으로 작성
HTML5 대응하고 싶은 경우는 이쪽. 개인적으로는 이쪽을 누르고 싶다.

sample.html

<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Hello SpringBoot Sample</h1>
    <h1 data-th-text="${message}"></h1>
  </body>
</html>

Reference

이 문제에 관하여(Thymeleaf로 개발하는 동안 HTML의 th 속성에 warning이 붙어 버린다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/guchiinu/items/b1304eb437d405e6cf1f

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다