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

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

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

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

推薦する

Linux で誤って削除したメッセージ ファイルを復元する方法

プロセスで使用されていて、誤って削除されたファイルがある場合、それらを回復することができます。プロセ...

CSS における XHTML タグの対応する属性と使用法

XHTML CSS を使って Web ページをデザインし始めた頃は、タグの使用経験も少なく、あまり気...

MySQL インストール図の概要

MySQL 5.5 のインストールと設定方法のグラフィックチュートリアルMySQL 5.5 のインス...

擬似分散グラフィックを実現するための VMware 構成 Hadoop チュートリアル

1. 実験環境シリアルナンバープロジェクトソフトウェアとバージョン1オペレーティング·システムCen...

Vue のプロダクション環境と開発環境を切り替えてフィルターを使用する方法

目次1. 本番環境と開発環境を切り替える最初の方法: .envファイルを設定する2番目の方法2. フ...

サーバー上で Nginx を使用して Springboot プロジェクトをデプロイする方法の詳細なチュートリアル (jar パッケージ)

1. Javaプロジェクトをjarパッケージにパッケージ化するここではMavenツールを使用します...

MySQL MHA の高可用性構成とフェイルオーバーの詳細な導入手順

目次1. MHAの紹介1. MHAとは何ですか? 2. MHAの構成3. MHAの特徴2. MySQ...

設計仕様に準拠した設計は良い設計でしょうか?

これまでの数年間、私はいわゆる「設計仕様」についてかなりの数の執筆やコンサルティングを行ってきました...

Node.js のモジュール性、npm パッケージ マネージャーの説明

目次モジュール化の基本概念モジュール化とは何かモジュール分解の利点Node.js のモジュール性No...

mysql コマンドライン スクリプトの実行例

この記事では、例を使用して MySQL コマンドライン スクリプトの実行について説明します。ご参考ま...

JS、CSS スタイルのリファレンスの記述

CS: ... 1. <link type="text/css" href...

Linux で Golang をインストールする方法

Go は、シンプルで信頼性が高く、効率的なソフトウェアを簡単に構築できるオープンソース プログラミン...

データベースマルチテーブル接続クエリの実装方法の詳細説明

データベースマルチテーブル接続クエリの実装方法の詳細説明結合演算子を使用して複数のテーブルクエリを実...

tinyMCEの使い方と体験の詳細な説明

tinyMCE の使用方法の詳細な説明初期化TinyMCE を初期化するときは、ページの HEAD ...

MySQLデータベースのタイムアウト設定を構成する方法の例

目次序文1. JDBCタイムアウト設定2. 接続プールのタイムアウト設定3. MyBatisクエリの...