![見出し画像](https://assets.st-note.com/production/uploads/images/121869973/rectangle_large_type_2_6e838f8ba84ef21c25ded0fdd79a22b9.jpeg?width=1200)
【q】HTML全タグ解説Vol.40
<q>タグについて
今日は<q>タグについてです。シンプルな1文字タグですね。
引用・転載文
「Q」とは、「quotation」の略。<q>~</q>で囲まれた部分の文章が引用・転載文であることを示すタグです。改行がない、短いテキストを引用する際に使用します。
使い方
引用文を表したい部分を<q>~</q>の中に入れます。
<!DOCTYPE html>
<html lang="ja">
<head>
< !-- 中略 -->
</head>
<body>
<p><a href="https://www.yahoo.co.jp/"><cite>Yahoo!</cite></a>には、<q>Yahoo!JAPAN</q>と書かれていました。</p>
</body>
</html>
Yahoo!には、「Yahoo!JAPAN」と書かれていました。
一般的なブラウザでは、この要素の前後に引用符が付けられます。多くの場合、日本語(lang="ja")では 「」 記号、英語(lang="en")では "" 記号が使用されます。そのため、q要素を使う場合は自分で引用符を打ち込まないようにしてください。(打ち込むと引用符が二重に表示されてしまいます)
長いテキストを段落ごと引用・転載する場合は<blockquote>タグを使用します。
今回は<q>タグでした。ありがとうございました。
この記事が気に入ったらサポートをしてみませんか?