HTML Blockquoteタグに関する記事
Blockquoteタグの定義と使用方法
HTMLの<blockquote>
タグは、一部のテキストが他のソース(著者や他の文書)から引用されたことを示すために使用されます。通常は、引用文をインデントし、他のテキストと視覚的に区別するために使用されます。
使用例として、次のようにコードを記述します:
<blockquote>
これはインターネット上で見つけた興味深い引用です。
</blockquote>
このコードは、引用と引用元を明確に区別するのに役立ちます。
ブラウザのサポート状況
HTMLの<blockquote>
タグは、主要なすべてのブラウザでサポートされています。以下の表に、各ブラウザのサポート情報をまとめました:
ブラウザ | サポートステータス |
---|---|
Google Chrome | サポート済み |
Mozilla Firefox | サポート済み |
Safari | サポート済み |
Microsoft Edge | サポート済み |
Opera | サポート済み |
対応する属性とイベント
HTMLの<blockquote>
タグには、次の属性とイベントが使用できます:
属性:
cite
- 引用のソースや著者を示すURLを指定します。- 例:
<blockquote cite="http://example.com/quote">...</blockquote>
イベント:
- 現在、
<blockquote>
タグ固有のイベントリスナーは存在しません。他の汎用イベントリスナー(例えば、onclick
やonmouseover
)を使用することができます。
コードの実例
以下に、<blockquote>
タグを使った具体的なコード例を示します:
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Blockquoteタグの例</title>
</head>
<body>
<h1>有名な引用</h1>
<blockquote cite="https://www.brainyquote.com/quotes/albert_einstein_121993">
"人生は自転車のようなものだ。バランスを取るためには、漕ぎ続けなければならない。"
- アルバート・アインシュタイン
</blockquote>
</body>
</html>
QA
1. <blockquote>
タグの主な用途は何ですか?
文章中で引用を示すために使用され、引用テキストを視覚的に区別する役割を持ちます。
2. <blockquote>
タグに使用できる属性は何ですか?
cite
属性を使用して、引用元のURLを指定することができます。
3. <blockquote>
タグは主なブラウザでサポートされていますか?
はい、<blockquote>
タグはGoogle Chrome、Mozilla Firefox、Safari、Microsoft Edge、Operaなどの主要なブラウザでサポートされています。