html - 置くのは意味的に間違っていますか
または内部

Question

以下のことをしたいのですが、意味的に正しいでしょうか？

<button>
  <div></div>
  <div></div>
</button>

score 55 · Accepted Answer

現在の HTML5 ドラフトでは、それは正しくないとされています。

http://www.w3.org/TR/2012/WD-html5-20120329/the-button-element.html#the-button-elementには、<button>フレージングコンテンツのみを含める必要があると記載されています。フレージングコンテンツは、を含む<span>が含まないと定義され<div>ます。

score 28 · Accepted Answer

いいえ、有効ではありません。W3C で確認できます。

これを直接入力に貼り付けてから検証します。

<!DOCTYPE html>

<button>
  <div></div>
  <div></div>
</button>

W3C でテストする場合は、UTF8 エンコーディングを設定し、HTML5 を選択します。

score 4 · Accepted Answer

div 要素と span 要素にはセマンティクスがありません。それらは一般的なブロック要素とインライン要素です。それらを使用するときにセマンティクスについて自問する必要がある唯一の質問は、このコンテンツに対してより良いセマンティクスを持つ要素はありますか? ということです。.

とはいえ、セマンティクスとは関係のない理由で、ボタン内に div を配置するのは正しくありません。仕様では、ボタンのコンテンツモデルについて次のように述べています。

フレージングコンテンツ。ただし、インタラクティブコンテンツの子孫があってはなりません。

… span はフレージングコンテンツですが、div はそうではありません。

html - 置くのは意味的に間違っていますかまたは内部?