[解決済み] Why can't the <p> tag contain a <div> tag inside it?
2022-04-20 08:57:05
Question
As far as I know, this is right:
<div>
<p>some words</p>
</div>
But this is wrong:
<p>
<div>some words</div>
</p>
The first one can pass the W3C validator (XHTML 1.0), but the second can't. I know that nobody will write code like the second one. I just want know why.
And what about other tags' containment relationship?
How to solved?
An authoritative place to look for allowed containment relations is the HTML spec. See, for example, http://www.w3.org/TR/html4/sgml/dtd.html . どの要素がブロック要素で、どの要素がインラインであるかが指定されています。これらのリストについては、"HTMLコンテンツモデル"と記されたセクションを検索してください。
P要素については、以下のように指定されており、P要素がインライン要素のみを含むことができることを表しています。
<!ELEMENT P - O (%inline;)* -- paragraph -->
と一致します。 http://www.w3.org/TR/html401/struct/text.html#h-9.3.1 は、P要素にブロックレベル要素(P自身を含む)を含めることはできない、と言っています。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] クリアフィックスとは何ですか?
-
[解決済み] hr要素の色を変更する
-
[解決済み】CSSで子DIVの幅を親DIVより広くする方法はありますか?
-
[解決済み】カスタム属性 - 賛成か反対か?
-
[解決済み] XHTMLの有効な自己閉鎖要素(主要なブラウザで実装されているもの)にはどのようなものがありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] Zalgoテキストはどのように機能しますか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] div内の画像の下に余分なスペースがある