本篇文章给大家带来的内容是介绍java使用Thymeleaf时可能会使用的标签。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
1 . onclick事件
<a th:onclick="'javascript:more()'" ></a>
2.引入CSS样式
<link th:href="@{fore/css/public.css}" rel="stylesheet">3.引入js 文件
立即学习“Java免费学习笔记（深入）”；
<script th:src="@{fore/js/index.js}" type="text/javascript"></script>4. 引入头部信息，和尾部信息
注：html(文件夹)/public.html 页面上的 头部和尾部信息引入
<!-- 导航 头部信息--> <!-- 导航 头部信息引入 --> <div class="nav-container" th:fragment="topper"> <div th:replace="html/public :: topper"> </div> <!-- 底部信息 --> <!-- 底部信息引入 --> <div class="att-bottom" th:fragment="footer"> <div th:replace="html/public :: footer"></div>
5. 图片引入
<img th:src="@{fore/images/nav_icona.png}"/>6.页面遍历
<li th:each="item,i:${list}"></li>7.if 判断 以及 th:text 取值
<span th:if="${item.types==1}" style="color:green;">
<span th:text=" ${item.coinNum}" ></span>
<i class='fa fa-database'></i>
</span>8.时间类型格式化
<span th:text="${#dates.format(item.updateTime,'yyyy/MM/dd HH:mm')}"></span>9.自定义标签属性
<p th:attr="_tId=${item.taskId}">10.获取css样式
<i class='fa fa-database'></i>
注：获取 <i class='fa fa-database'></i> 图标样式 时，<i>标签不能写在th:text <span>的取值中，另写一个'<span>'标签 与取值的<span标签不属于同一标签内即可> (如下)
<span th:if="${item.types==1}" style="color:green;">
<span th:text=" ${item.coinNum}" ></span>
<i class='fa fa-database'></i>
</span>这样即可获取 <i class='fa fa-database'></i> 图标样式
