themeleaf跳转锚链接

要在 Thymeleaf 中实现跳转锚链接，可以使用 `th:href` 属性和 `#` 符号来指定锚点的名称。例如，如果要跳转到页面中的某个 ID 为 "section1" 的元素，可以使用以下代码：

<a th:href="@{/page#section1}">跳转到第一部分</a>

其中，`@{/page}` 表示当前页面的 URL，`#section1` 表示要跳转到的锚点名称。注意，在 Thymeleaf 中，`th:href` 属性的值必须使用双引号包含起来。

另外，要在页面中定义锚点，可以使用 `<a>` 标签，并设置 `id` 属性为锚点名称。例如：

<div>
  <a id="section1">第一部分</a>
  <!-- 此处为第一部分的内容 -->
</div>

上述代码中，`<a id="section1">` 定义了一个 ID 为 "section1" 的锚点，该锚点可以被上面的跳转链接所引用。

相关问题

themeleaf使用变量名跳转锚链接

在 Thymeleaf 中，你可以使用 Thymeleaf 内置的 `#ids` 语法来创建锚链接。假设你有一个 id 为 `section1` 的元素，你可以在模板中使用以下代码来创建一个指向该元素的锚链接：

<a th:href="@{'#section1'}">跳转到 Section 1</a>

如果你想要使用变量名作为锚链接，你可以使用 Thymeleaf 的表达式语言（Expression Language）来动态生成链接。例如：

<!-- 假设 sectionName 是一个包含锚链接名称的变量 -->
<a th:href="@{'#' + ${sectionName}}">跳转到 [[${sectionName}]]</a>

这将创建一个指向 `sectionName` 变量所表示的锚链接的链接，并且链接文本将显示为 `sectionName` 的值。

请注意，在这个例子中，我们使用了双方括号语法 `[[...]]` 来包装变量名称。这是因为 `[[...]]` 中的表达式不会被执行，而是直接在模板中显示为文本。这对于在模板中显示动态生成的文本非常有用。