tableのthの中にブロック要素を書いても問題は無いでしょうか？

Question

<table>
  <th>
    名前
    <div style="width: 20px"></div>
  </th>
  <td>
    ヤマダ
  </td>
</table>

Answer 1

はい、th要素にはHTML 4.01ではブロック要素が認められていますし、HTML 5でもフローコンテンツ全般が内容として認められています（W3C）。

MDNでは「フレージング・コンテンツ」（昔のインライン要素に近いもの）限定のように書いてありますが、これは間違いのようです。

Comments

[axax90]

回答ありがとうございます！

Answer 2

フレージングコンテンツしか許可されていないので、div要素よりspan要素を使うほうが良いと思います。

【th 要素 - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/th

【コンテンツカテゴリ - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Content_categories#.E3.83.95.E3.83.AC.E3.83.BC.E3.82.B8.E3.83.B3.E3.82.B0.E3.82.B3.E3.83.B3.E3.83.86.E3.83.B3.E3.83.84

Comments

[maisumakun]

HTML 4.01ではブロック要素が書けるということだったので、MDNを見て「HTML 5で削減されるのも変だな」と思って調べてみたところ、どうやらMDNのほうが違うようです。

[axax90]

回答ありがとうございます！

[kei344]

To: maisumakunさん
指摘ありがとうございます。tdと書いていることが違うので、変だな、とは思ったのですが、そこで止まっていました。

【4.9 テーブルデータ — HTML5 日本語訳】
[https://momdo.github.io/html5/tabular-data.html#the-th-element](https://momdo.github.io/html5/tabular-data.html#the-th-element)

【HTML 5.1: 4.9. Tabular data】
[https://www.w3.org/TR/html/tabular-data.html#the-th-element](https://www.w3.org/TR/html/tabular-data.html#the-th-element)

調べてみたのですが、指摘どおりフローコンテンツと書かれていました。MDNを参照することが多いので、次からは変と思ったら確認するようにしてみます。ありがとうございます！

（追記：maisumakunさんの回答にリンクがあることに今気が付きました）

[maisumakun]

MDNは便利ですけど、時折間違いがあるようで気をつけないといけないです。

[kei344]

MDNは気をつけるようにします。修正報告フォームにもログインが要るので修正が届きにくいのかもしれませんね･･･。