```svelte
<svelte:element this={expression} />
```

The `<svelte:element>` 元素允许您渲染在作者时间未知的内容，例如因为它来自 CMS。任何存在的属性和事件监听器都将应用于该元素。

仅支持 `bind:this` 绑定，因为 Svelte 内置的绑定不支持泛型元素。

如果 `此` 具有空值，则不会渲染该元素及其子元素。

如果 `这` 是一个 [空元素](https://developer.mozilla.org/en-US/docs/Glossary/Void_element)（例如，`br`）并且 `<svelte:element>` 有子元素，则在开发模式下将抛出运行时错误：

```svelte
<script>
	let tag = $state('hr');
</script>

<svelte:element this={tag}>
	This text cannot appear inside an hr element
</svelte:element>
```

Svelte 尽力从元素的周围推断正确的命名空间，但并不总是可行。您可以使用 `xmlns` 属性使其明确：

```svelte
<svelte:element this={tag} xmlns="http://www.w3.org/2000/svg" />
```

`此`需要是一个有效的 DOM 元素标签，类似于`文本`或`Svelte:head`的标签将无法使用。