---
title: '空のタグ (Fragments)'
---

`html!` マクロは複数のルートノードを直接受け入れます。ルートレベルでフラグメントラッパー (`<>...</>`) は**不要**です:

```rust
use yew::prelude::*;

html! {
    <div></div>
    <p></p>
};
```

## キー付きフラグメント

フラグメント構文の唯一の正当な用途は、**キー付き**フラグメントです。

```rust
use yew::prelude::*;

html! {
    // .. siblings ..
    <key="group-a">
        <span>{"a1"}</span>
        <span>{"a2"}</span>
    </>
    // .. siblings ..
};
```

キー付きフラグメントは、場合によっては差分処理のパフォーマンスとノードの永続化に役立ちます。
