<details>
開閉
折りたたんで開く箱です。JavaScriptなしで動きます。
| 書き方 | <details></details> |
|---|---|
| 閉じタグ | </details> |
| 空要素 | いいえ — 閉じます |
| よく使う属性 | open, name |
| 分類 | 開閉 |
読み方
- タグはたいてい開くものと閉じるものが対になります。imgやbrのように内容のないタグだけ閉じません。
- 閉じない要素に</br>と書いても意味はなく、ブラウザーは無視するか空行を一つ増やします。
- 見た目はCSSの仕事です。タグは「これが何か」を語り、太字や斜体はその結果にすぎません。
- 意味に合うタグを選べば検索も読み上げも良くなります。何でもdivで包むとその情報が失われます。
よくある質問
Q. HTMLの <details> タグとは何ですか。
折りたたんで開く箱です。JavaScriptなしで動きます。
Q. <details> はどう書きますか。
<details></details> のように書きます。開く <details> と閉じる </details> が対になります。
Q. <details> でよく使う属性は。
open、name などを一緒に使います。
Q. <details> はどの分類ですか。
開閉の分類です。