html - タグ内に配置するのに「有効な」要素はどれですか?

Question

div内に配置するのは良い考えではないことはわかっていますtdがspan、他の要素はどうですか? 内部に配置しても問題ない要素と、そうでない要素はどれtdですか?その理由は?

編集:問題は、古いtableレイアウトがあり、そこに変更を加える必要があることです。tdそのためには、要素を の中に追加する必要があり<td>ます。

Answer 1

HTML 仕様では、どの要素が他の要素の直接の子孫である可能性があるかを指定しています。

<td>要素にはコンテンツ モデルがあります。flow contentつまり、次のものを含めることができます。

a abbr アドレス領域 (マップ要素の子孫である場合) article aside audio b bdi bdo blockquote br button canvas cite code command datalist del details dfn dialog div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd keygen label map mark math menu meter nav noscript object ol output p pre progress q ruby​​ s samp script section select small span strong style (scoped 属性が存在する場合) sub sup svg table textarea time u ul var video wbr テキスト

Answer 2

a を a の中に入れるべきではないという考えは、CSS でセマンティック マークアップを使用してレイアウトをスタイルすることに関するものです。divtable

そうは言っても、<table>それに関連する要素を使用して、データを表形式で表示する必要があります。テーブル内のセルの 1 つに、より複雑なマークアップを含めることが理にかなっている場合は、それも同様です。

以前は、Web サイトにグリッド レイアウトを簡単に適用できるため、<table>が使用されていましたが、現在は CSS を使用して、サイトのアクセシビリティを高める必要があります。