리터럴 대체

th:onclick="|location.href='@{/basic/items/{itemId}/edit(itemId=${item.id})}'|"

리터럴 대체하면 ${item.id}도 직접 사용할 수 있는거 아닌가요? 왜 아래는 오류가 나나요?
th:onclick="|location.href='@{/basic/items/${item.id}/edit}'|"

아래의 경우는 간단하게 대체가 가능한데 위는 왜 안되는지 궁금해요
<td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}"  th:text="${item.id}">회원id</a></td>
<td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>