備忘録的プログラミングリファレンス

q タグエレメント

インラインエレメント

　q タグエレメントは、引用を示す HTML タグエレメントです。デフォルトで引用符 " " が付加されます。
　引用符の形状は言語によって変わります。日本語では「 」、英語では " " になります。

　q タグエレメントは、インラインエレメンでテキスト中に使います。

q タグエレメント
<p>今日から日記をつけようと思う。そして、僕も<q>夏目漱石</q>のようになる。</p>
表示例

今日から日記をつけようと思う。そして、僕も夏目漱石のようになる。

詳しくはExampleを参照してください

　q タグエレメントを入れ子にすることもできます。入れ子による引用符は自動で変わります。

　段落ごと引用とする場合は blockquote を使用します。

　CSS の quotesプロパティ で q タグエレメントの引用符を変更することができます。

属性

　q タグエレメントは以下のようなグローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
cite引用元の参照先URL

その他の属性はHTMLQuoteElementを参照してください

CSS

　CSS の quotesプロパティ で <q> タグの引用符を変更することができます。詳しくはCSSのquotesプロパティを参照してください。

quotesプロパティの例

Example

　q タグエレメントの表示例です。
　q タグエレメントは、引用を示す HTML タグエレメントで、引用符 " " が付加されます。
　引用符の形状は言語によって変わります。

　以下は編集ができ、動作確認ができます。
　このページのスタイルが反映されているために、引用符はデフォルではないかもしれません。

　q タグエレメントを入れ子にすることもできます。入れ子による引用符は自動で変わります。

入れ子の q タグエレメント
<p>今日から日記をつけようと思う。そして、僕も<q><q>吾輩は猫である</q>の作者の夏目漱石</q>のようになる。</p>
表示例

今日から日記をつけようと思う。そして、僕も吾輩は猫であるの作者の夏目漱石のようになる。

　上記は q タグエレメントを入れ子にした表示例です。

blockquote タグエレメント

　段落ごと引用とする場合は blockquote を使用します。

　blockquote タグエレメントは、全体が字下げされた状態で表示されます。

blockquote タグエレメント
<p>以下は吾妻鏡からの引用です。</p>
<blockquote>建久元年(1190)十月小三日甲申。令進發給。御共輩之中爲宗之者多以列居南庭。
而前右衛門尉知家自常陸國遲參。令待給之間已移時剋。御氣色太不快。及午剋。
知家參上。乍着行騰。經南庭直昇沓解。於此所撤行騰。參御座之傍。仰曰。依有可被仰合事等。
被抑御進發之處遲參。懈緩之所致也云々。知家稱所勞之由。
</blockquote>
表示例

以下は"吾妻鏡"からの引用です。

建久元年(1190)十月小三日甲申。令進發給。御共輩之中爲宗之者多以列居南庭。 而前右衛門尉知家自常陸國遲參。令待給之間已移時剋。御氣色太不快。及午剋。 知家參上。乍着行騰。經南庭直昇沓解。於此所撤行騰。參御座之傍。仰曰。依有可被仰合事等。 被抑御進發之處遲參。懈緩之所致也云々。知家稱所勞之由。

　詳しくは blockquote タグエレメントページを参照してください。

引用、定義、出典

　引用、定義、出典に関連するエレメントには以下があります。

エレメント名概要
abbr略語に用いる
address連絡先やメールアドレスだが、使わないことが多い
blockquote引用に用いる。ブロックエレメント
q引用に用いる。インラインエレメント
cite出典、参照先があることを明示
dfn定義された語句であることを明示

JavaScript

　<q> エレメントの定義については HTMLQuoteElement を参照してください。

関連（Related）