春天百里香叶中的数据文本和th：text有什么区别

Question

我是春季百里香叶的新手，我无法区分这两种data-th-text和th:text。

谁能借助示例解释其中的区别，以及我何时应该使用data-th-text和th:text？

Answer 1

两者都做同样的事情，但根据百里香叶文档：

HTML5 规范不允许我们在th:*形式中使用的非标准属性。要使模板具有 HTML5 有效性data-请使用前缀作为属性名称和hyphen (-)分隔符

，而不是semi-colons (:)

参考： https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#using-texts

这不是HTML5有效的：

<p th:text="#{home.welcome}">Welcome to our grocery store!</p>

这是HTML5有效的：

<p data-th-text="#{home.welcome}">Welcome to our grocery store!</p>