HTML5入れ子チェックHTML5 Nesting Check
青い「親を表示」・橙の「子を表示」ボタンを押すと、入れ子可能なタグが色付きで残ります。Press the blue or orange buttons to highlight valid parent or child tags.
お気に入りについて About favorites
この端末のブラウザにのみ保存され、サーバーには送信されません。 Saved on this device only—never sent to our servers.
まずここで試す Try here first
左のタグ名はラベルです。青・橙の丸ボタンだけ押せます。 The tag name on the left is a label. Only the blue and orange pill buttons are clickable.
ブラウザが DOM を書き換えない入れ子を基準にしています。 Based on nesting browsers accept without DOM fixes.
使い方・ユースケース How to Use & Use Cases
カテゴリ別の一覧で調べたいタグを見つけ、その行の「親」または「子」をクリックします。入れ子可能なタグが一覧全体で水色（親）またはオレンジ（子）に変わります。 Find a tag in the categorized list and click Parents or Children on that row. Valid tags are highlighted in cyan (parents) or orange (children) across the sheet.
検索欄でタグ名を絞り込めます。マークアップ前に「p の中に div は入れられるか」「li の親は何か」を素早く確認する用途向けです。 Filter by tag name with search. Use it before writing markup to check nesting such as div inside p, or valid parents of li.
よくある質問FAQ
使い方を教えてくださいHow do I use it?
一覧のタグ名の右にある「親」「子」リンクをクリックします。「親」はそのタグを包含できる要素、「子」はそのタグの中に入れられる要素が色付きで残ります。もう一度同じリンクを押すと解除します。Click Parents or Children next to a tag. Parents shows elements that may wrap it; Children shows elements you may put inside. Click the same link again to clear.
どの仕様に基づいていますか？What spec is this based on?
ブラウザが DOM を書き換えずに解釈できる入れ子を基準にしています。HTML Living Standard の内容モデルと完全一致ではない場合があります。厳密な検証には MDN や Nu Html Checker も参照してください。Nesting reflects what browsers accept without rewriting the DOM. It may not match every HTML Living Standard content-model rule. Use MDN or Nu Html Checker for strict validation.
データはサーバーに送られますか？Is data sent to a server?
送られません。タグ一覧と入れ子データはページ内に含まれ、操作はすべてブラウザ内で完結します。No. Tag and nesting data ship with the page; everything runs in your browser.
ページを閉じれば、端末内のデータは自動的に消去されます。契約書や顧客資料など、慎重に扱うデータも安心してご利用ください。When you close the page, data on your device is cleared automatically. Safe for sensitive files such as contracts and client documents.
