html - ラップすることをお勧めするタグ?

Question

インライン要素のみを含めることができる<p>ため、要素を使用することは間違いなく間違っています.W3バリデーターはエラーをスローします:<p>

文書タイプは、ここで要素「p」を許可しません;...

要素を含めるのに推奨されるタグはどれですか?<p>

つまり、ブロック レベルの要素を含めるにはどのタグが推奨されるのでしょうか?

Answer 1

HTML5 で含めることができる要素は次の<p>とおりです。

「フロー」の子を持つことができるもの。

address, article, aside, blockquote, body, caption, dd, details, dialog, div, dt, fieldset, figcaption, figure, footer, form, header, li, menu, nav, section, td, th

そして、親が「フロー」の子を持つことができる場合、「透明な」コンテンツモデルを持つもの。

a、オーディオ、キャンバス、デル、イン、マップ、オブジェクト、ビデオ

ソース: http://dev.w3.org/html5/spec/section-index.html#elements-1、「要素」列と「子」列。

Answer 2

一般的には<div>要素が使用されますが、より意味のあるタグを使用することもできます。コンテンツが引用の場合は、<blockquote>.

HTML5 を使用している場合は、 、 、 など、さらにいくつかの選択肢が<header>あり<section>ます<article>。

Answer 3

より良い方法は<div>、可能な限り使用することです:

html > body > div > p > span

<p>が段落に使用されている場合は、ブロック要素を内部に含めないでください。

<p>ユーザーが独自のタグを追加できる wysiwyg エディターを使用すると、よくある問題が発生します。それなら<div>助かります。

Answer 4

W3によると、段落の親は、フロー要素を含むことができる任意の要素である可能性があります。フロー要素は次のとおりです。

フレージング要素、a、p、hr、pre、ul、ol、dl、div、h1、h2、h3、h4、h5、h6、hgroup、address、blockquote、ins、del object、map、noscript、section、nav、記事、脇、ヘッダー、フッター、ビデオ、オーディオ、図、表、フォーム、フィールドセット、メニュー、キャンバス、または詳細