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プラグイン

推薦する

ろうそくを溶かす(水滴)サンプルコードを実現する純粋な CSS

成果を達成する実装のアイデアフィルターのコントラストとぼかしを利用して溶ける効果を実現します。親要素...

docker compose を使用してハーバープライベートウェアハウスをインストールする詳細なチュートリアル

概要港とは何ですか?英語の単語の意味は「港」です。 Harborはコンテナ(貨物)を保管するために使...

Dockerコンテナを外部IPとポートにバインドする方法

Docker を使用すると、外部からコンテナにアクセスしたり、コンテナを相互接続したりすることで、ネ...

JavaScript の isPrototypeOf 関数

目次1. isPrototypeOf()例 1、オブジェクト クラス インスタンス:例 2: Hum...

nginxコンテナ設定ファイルの独立した実装

コンテナを作成する [root@server1 ~]# docker run -it --name ...

UbuntuにMySQLをインストールするときにデフォルトのパスワードを変更する詳細な手順

ステップ1: ディレクトリに入ります: cd /etc/mysql、debian.cnfファイルを表...

MySQL の高可用性アーキテクチャの完全な説明: MHA アーキテクチャ

目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...

MySQL カウントを向上させる方法のまとめ

多くのプログラマーは MySQL に精通していると思います。多くの人が count の使い方と、最適...

Windows Server 2008 のサーバー パフォーマンス監視に関するチュートリアル

次に、ログ管理、ログのアーカイブ、ログのトラブルシューティング、イベントの転送と収集のためのコンピュ...

HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。

<html:reset> タグを使用すると、リセット ボタンが無効になり、ボタンをクリッ...

jsを使用してサーバーに写真をアップロードする

この記事の例では、参考のために画像をサーバーにアップロードするためのjsの具体的なコードを共有してい...

MySQL の重要なパフォーマンス インデックスの計算と最適化方法の概要

1 QPS 計算 (1 秒あたりのクエリ数) MyISAMエンジンベースのDBの場合 MySQL&g...

MySQL データ型 DECIMAL の使用方法の詳細な説明

MySQL DECIMALデータ型は、データベースに正確な数値を保存するために使用されます。会計シス...

Xftp のダウンロードとインストールのチュートリアル (グラフィック チュートリアル)

Windows と Linux 間でファイルを転送する場合は、Xftp ツールを使用できます。この...

MySQLサブクエリの詳細な例

サブクエリの分類返された結果セットによる分類サブクエリは、返される結果セットの違いに応じて、テーブル...