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

<q>エレメント

インラインエレメント

 <q>エレメントは、引用の明示を想定したエレメントです。デフォルトで引用符 "" が付加されます。

 インラインエレメンでテキスト中に使うことができます。

<q>エレメント
<p>今日から日記をつけようと思う。そして、僕も<q>夏目漱石</q>のようになる。</p>
詳しくはExampleを参照してください

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

quotesプロパティの例

引用、定義、出典

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

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

JavaScript

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

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

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

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

Example

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