buttonの中にdivはOKですか？

「入れ子ルールまとめ」など見ても「buttonの中に何が入れられるのか？」が書いておらず、わからないのですが、

・ブロック要素もOKなのでdivもOK
・ブロック要素は全部ダメなのでdivもダメ
・インライン要素はOKなのでspanはOK

などの説明はどこかにないでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

HTML5では「記述コンテンツ、但し対話型コンテンツがあってはならない」となっているのでdivはNGです。

【<button>: ボタン要素 - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/button

許可されている内容記述コンテンツ、但し対話型コンテンツがあってはならない

【コンテンツカテゴリー - 開発者ガイド | MDN】
https://wiki.developer.mozilla.org/ja/docs/Web/Guide/HTML/Content_categories$history

このカテゴリーに属する要素: <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> および通常の文字列です