【qタグ】で短い引用で単語を示してみよう。「HTML・解説・初心者向け」| ノブレコ

2022年6月21日 2022年8月2日

nobreco

★<q>タグの特徴

・タグのカテゴリ ―― インライン要素。（フレージングコンテンツ）

・コンテンツモデル ―― フローコンテンツ・フレージングコンテンツ・パルパブルコンテンツ。

・タグの省略 ―― 不可。
（開始タグと終了タグが必要）

・使用可能な親要素 ―― フレージングコンテンツを許容するすべての親要素。

・グローバル属性を持つ。

・ARIAロール ―― 標準でのARIAロールなし。

<q>の説明

<q>（クォート）タグは（quotation クォーテーション）の略で、短い引用句を掲載するための「引用」タグです。

ブロックレベルで段落ちやセクションとして長い引用文を示す<brockquote>タグとは違い、<q>タグはインライン（フレージングコンテンツ）として、文章の一部に改行が無い短い引用句を示すものになります。

・ブロックレベルで使うのなら<blockquote>タグ。

・インラインで使うのなら<q>タグ。

※ 引用文を示すタグは、この２つですので覚えておきましょう。

<q>タグは自動で引用符が付く。

<q>要素は、囲んだ文字の前後に引用符（ "" や「」）を自動で入れます。

なので、<q>要素とは別に自分で引用符を入れるのはやめましょう。

反対に、もし自分で引用符を入れるのであれば、<q>要素で囲む必要はないということです。

また、（ "" ）を（「」）にしたい場合などはCSSで表示指定することもできます。

使用上の注意点

■引用符は自動的に挿入される。

重ねて使うことが無いように、引用符は<q>要素で囲んで付けるか、自分でクォーテマークなどを付けて使うかのどちらかにしましょう。

ちなみに、引用符は使用する言語の違いでマークの表現が変わります。

・日本語の場合は、（「」）カギ括弧。

・英語の場合は、（""）ダブルクォーテーションマーク。

こういった扱いになりますので、変更したい場合はCSSで変更しましょう。

■引用ではない内容に<q>タグを使わない。

<q>タグは、「quotation（クォーテーション）」の略で「引用」を示すためのタグです。

引用とは違う、特別な意味を持つような単語や言葉であっても<q>タグで囲むべきではありません。

■<q>タグは改行がなく短い単語などの引用を示すためのタグ。

改行も含めた長い引用文などは、ブロック単位で示す<blockquote>タグを使用します。

■「」や""を使うためだけに<q>タグを使用しない。

引用ではない部分に使うことで、検索エンジンなどが引用であると勘違いを起こしてしまいます。

正しく使って、良質なサイトを作りましょう。

■著作物（引用）には、必ず<q>タグや<blockquote>タグを使用する。

他サイトの記述した文章をまるごとコピペして自サイトに掲載するのは違法になります。

コピーコンテンツ（盗用）に該当した場合、googleなどの検索エンジンからペナルティを受ける場合があり、その結果、検索順位が大きく低下したり、最悪の場合は検索結果に表示されなくなるリスクがあります。

引用する際は必ずその単語や文章などに、qタグやblockquoteタグを使いましょう。

※ 加えて引用元の情報として、cite属性で「URL」などの値も入れるようにしましょう。

■引用を多用しないこと。

引用を多用していると検索エンジンなどから、「重複したコンテンツ」とみなされる可能性が高くなります。

内容が酷似（重複）していると判断された場合、検索結果の低下につながる恐れがありますので注意しましょう。

オリジナルコンテンツに引用コンテンツが比率（主従関係）で勝ることがないようにする注意が必要です。

あくまで、自身のコンテンツが主となるようにする必要があります。

著作物は必然性があり適量で適材適所にとどめてる引用することが大切です。

👇文化庁が提示している引用ルールは以下になります。

（注5）引用における注意事項
　
他人の著作物を自分の著作物の中に取り込む場合，すなわち引用を行う場合，一般的には，以下の事項に注意しなければなりません。
（1）他人の著作物を引用する必然性があること。
（2）かぎ括弧をつけるなど，自分の著作物と引用部分とが区別されていること。
（3）自分の著作物と引用する著作物との主従関係が明確であること（自分の著作物が主体）。
（4）出所の明示がなされていること。（第48条）

引用元：文化庁