无需th:fragment引用片段

得益于「标记选择器（Markup Selector）」的强大能力，我们甚至可以引入没有定义 th:fragment 属性的内容片段——哪怕这段代码来自完全不了解 Thymeleaf 的其他应用，也能轻松复用。

html

<!-- footer.html 中的原生 HTML 片段（无 th:fragment） -->
<div id="copy-section">
  &copy; 2011 The Good Thymes Virtual Grocery
</div>

无需修改原代码，直接通过 id 选择器（#copy-section）引用这段片段，语法和 CSS 选择器完全一致：

html

<body>
  <!-- 页面主体内容 -->
  ...

  <!-- 引用 footer.html 中 id 为 copy-section 的元素 -->
  <div th:insert="~{footer :: #copy-section}"></div>
</body>

选择器类型：除了 id 选择器（#xxx），还支持 CSS 风格的其他选择器：
- 类选择器：footer :: .copyright（引用 footer.html 中 class 为 copyright 的元素）；
- 标签选择器：footer :: div（引用 footer.html 中所有 div 元素）；
- 复合选择器：footer :: div#copy-section.copyright（id 为 copy-section 且 class 为 copyright 的 div）。
无侵入性：无需给原代码添加任何 Thymeleaf 专属属性（如 th:fragment），即可复用第三方/原生 HTML 代码，极大提升灵活性；
简化写法：依然可以省略片段表达式的 ~{} 包裹符，简写为：
html
```
<div th:insert="footer :: #copy-section"></div>
```

这种方式特别适合以下场景：

无需th:fragment引用片段 ​