HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLドキュメントで長い引用を表現する方法｜blockquoteタグの使い方

blockquoteタグとは

HTMLで長い引用（複数行にわたる引用文）を表現するには、<blockquote>タグを使用します。このタグは、引用全体をひとつのブロックとして囲むためのもので、ブラウザは通常、その内容をインデント（字下げ）して表示します。

なお、<blockquote>タグの中にはブロックレベル要素のみを含めるのが正しいマークアップのルールです。単なるテキストを直接記述するのは避けましょう。

blockquoteタグの主な属性

属性値説明
citeURL引用元がウェブ上にある場合、その引用元のURLを指定します。

blockquoteとqタグの違い

短い引用（段落内に収まる引用）の場合は、<q>タグを使用します。多くのブラウザは<q>タグで囲まれたテキストを引用符で囲んで表示し、一方<blockquote>はインデントされた独立したブロックとして表示される点が大きな違いです。

サンプルコード

以下のコードを実行して、HTMLドキュメントにおける<blockquote>タグの動作を確認できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML blockquote Tag</title>
   </head>
   <body>
      <blockquote>ブラウザは通常、blockquoteタグのテキストをインデントして表示します。引用文を非引用の段落内に表示したい場合は、HTMLのqタグを使用してください。多くのブラウザはqタグのテキストを引用符で囲みます。</blockquote>
      <q>ブラウザは通常、blockquoteタグのテキストをインデントして表示します。引用文を非引用の段落内に表示したい場合は、HTMLのqタグを使用してください。</q>
   </body>
</html>

上記のように、長い引用には<blockquote>、短い行内引用には<q>を使い分けることで、意味的に正しくアクセシビリティの高いHTMLを作成できます。

  1. HTMLで削除されたテキストを表す方法｜delタグの使い方と実例付き解説

    HTMLで削除されたテキストを示すには、<del>〜</del>タグを使用します。このタグで囲まれたテキストには、自動的に打ち消し線（取り消し線）が表示されます。<del>タグはHTML5で導入されました。それ以前は<strike>タグが削除済みテキストの表示に使われていましたが、こちらは現在非推奨（廃止予定）となっているため、新しく作成するページでは使用しないようにしましょう。<del>タグを使う際の注意点<del>タグを使用する際は、以下の点に注意してください。開始タグと終了タグの両方が必須です。片方だけでは正しく機能

  2. HTMLでテキストの方向を設定する方法【directionプロパティの使い方】

    HTMLでテキストの表示方向を設定するには、style属性を使用します。style属性は要素にインラインスタイルを指定するための属性で、CSSのdirectionプロパティと組み合わせることで、テキストの流れる方向（左から右／右から左）を制御できます。 ただし、style属性で指定したスタイルはインラインスタイルとして扱われるため、<style>タグや外部スタイルシートで定義されたグローバルなスタイルよりも優先される点に注意してください。 directionプロパティに指定できる値 番号値と説明 1ltr左から右へ記述する（left to right）。日本語や英語など、ほ