blockquote タグの使用に関する注意

セマンティクス化は一言で説明することはできないし、まだ公式かつ厳密な定義もありません。 <blockquote>に関して議論の余地がないのは次の点です。
1. 長い文章を引用する
2. cite タグまたは属性を使用できますか? 質問は、 <blockquote>内の引用テキストはブロックレベル要素に含まれている必要があるかどうかです。
まずW3Cからの説明
9.2.2 引用: BLOCKQUOTE 要素と Q 要素<!ELEMENT BLOCKQUOTE - - (%block;|SCRIPT) -- 長い引用 --><!ATTLIST BLOCKQUOTE %attrs;
-- %coreattrs、%i18n、%events -- 引用
%URI;
#IMPLIED -- ソースドキュメントまたはメッセージの URI -- ><!ELEMENT Q - - (%inline;)*
-- 短いインライン引用 --><!ATTLIST Q %attrs;
-- %coreattrs、%i18n、%events -- 引用
%URI;
#IMPLIED -- ソースドキュメントまたはメッセージの URI -- >
これら 2 つの注記は、含まれるコンテンツが引用テキストであることを示します。BLOCKQUOTE は長い引用テキスト (ブロックレベルコンテンツ) に使用され、Q は短い引用テキスト (インラインコンテンツ) に使用され、不完全な引用文は許可されません。
この例では、最もよく引用されるテキストとして、JRR トールキンの「二つの塔」のテキストを使用しています。
<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html">彼らは一列になって、強い匂いを嗅ぎつける猟犬のように走り、その目には熱心な光が宿っていた。ほぼ真西で、行進するオークの広い一団がその醜い溝を踏みしめていた。彼らが通り過ぎると、ローハンの甘い草は傷つき、黒くなっていた。</BLOCKQUOTE>
この記事はウェブ標準を使用して作成されており、いくつかのタグの意味について言及しています。以下は<blockquote>からの抜粋です。
1 つ以上の段落を形成する長い引用の場合は、<blockquote> 要素を使用する必要があります。その後、CSS を使用して引用のスタイルを設定できます。<blockquote> 要素内にテキストを直接含めることはできません。テキストは要素 (通常は 要素) に含める必要があります。
例: <blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/struct/text.html"> “以下のセクションでは、テキストの構造化に関する問題について説明します。テキストを表示する要素 (配置要素、フォント要素、スタイルシートなど) については、仕様書の別の場所で説明します。文字に関する情報については、ドキュメントの文字セットに関するセクションを参照してください。”</blockquote>
http://24ways.org/advent/transitional-vs-strict-markup
この記事は、transitional-vs-strict、transitional XHTML と標準 XHTML の違い、コンテンツモデルの違いについて説明しています。<blockquote> に関しては、strict では引用されたコンテンツはブロックレベル要素 (通常は または <div>) に含まれている必要があります。
コンテンツモデルの違い
要素タイプのコンテンツモデルは、要素タイプのインスタンスに含まれる内容を説明します。Transitional と Strict のコンテンツモデルの最も重要な違いは、blockquote、body、form 要素にはブロックレベル要素のみを含めることができることです。次に例をいくつか示します。
テキストや画像はbody要素のすぐ内側には配置できず、pやdivなどのブロックレベル要素内に含める必要があります。
入力要素はフォーム要素の直接の子孫であってはなりません
blockquote 要素内のテキストは、p や div などのブロックレベル要素で囲む必要があります。
したがって、Strict タイプでは引用テキストを含めるためにブロックレベル要素を使用する必要がありますが、Non-Strict タイプではその必要はないと思います。ただし、Strict ドキュメントはより厳密であり、下位互換性があると見なすことができるため、そうすることをお勧めします。

<<: DockerはCMDまたはENTRYPOINTコマンドを使用して複数のサービスを同時に起動します

>>: アコーディオンセカンダリメニューを実装するためのjQueryプラグイン