thymeleaf模板在html中引入另一个html

最新推荐文章于 2024-05-16 17:28:54 发布

小白小罗

最新推荐文章于 2024-05-16 17:28:54 发布

阅读量1.1w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： thymeleaf模板文章标签： thymeleaf模板

本文链接：https://blog.youkuaiyun.com/qq_42389705/article/details/92849089

thymeleaf模板专栏收录该内容

1 篇文章

订阅专栏

博客介绍了Thymeleaf模板在HTML中引入另一个HTML的方法。以head.html和welcome.html为例，说明了引用页面时的注意事项，如“include=head”中head为引用页面名，“::”符号前后要有空格。还介绍了th:include和th:replace的不同引入效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

thymeleaf模板在html中引入另一个html

1.这是一个 head.html 页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<div th:fragment="headname">
我是头部这里...
</div>
</body>
</html>

主要代码：

<div th:fragment="headname">
这里面写内容....
</div>

2.welcome.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--引入头部head.html-->
<div th:include="head :: headname"></div>
</body>
</html>

其中注意一点：这里的“include=head” 其中head为你引用的页面的名字**

<div th:include="head :: headname"></div>

要注意一点： “::” 这个符号前后要有空格才可以

还有一个也可以引入：

th:replace 也可以引入模块

th:include：引入子模块的children，依然保留父模块的tag。
加载模板的内容：读取加载节点的内容（不含节点名称），替换div内容。
th:replace：引入子模块的所有，不保留父模块的tag。
替换当前标签为模板中的标签，加载的节点会整个替换掉加载他的div。

thymeleaf模板 在html中引入另一个html

thymeleaf模板 在html中引入另一个html

thymeleaf模板在html中引入另一个html

thymeleaf模板在html中引入另一个html