blockquoteタグとは?|他の情報源からの引用・転載文を表す

blockquoteタグとは?|他の情報源からの引用・転載文を表す
リンゴ
他の情報源から長いテキストを引用するときは、<blockquote>タグを使おう!
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!

スポンサーリンク

<blockquote>タグとは

 

<blockquote>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / セクショニング・ルート / パルパブル・コンテンツ
利用場所フロー・コンテンツが期待される場所
内容フロー・コンテンツ


 
 
<blockquote>タグは、他の情報源からの引用・転載文を表す際に使用するタグです。
このタグは、段落単位での比較的長い文章を引用するときに使用します。
 
 
リンゴ
フレーズ単位の短いテキストを引用する場合は、<q>タグを使おう。
 
 
一般的なブラウザでは、<blockquote>〜</blockquote>で囲まれたテキストは段落が取られ、左右に余白を持って表示されます。
 
 

使用例

 
 

表示例

次の文章は、スティーブ・ジョブズが残した名言です。

シンプルであることは、複雑であることよりもむずかしいときがある。物事をシンプルにするためには、懸命に努力して思考を明瞭にしなければならないからだ。だが、それだけの価値はある。なぜなら、ひとたびそこに到達できれば、山をも動かせるからだ。

 
 

cite属性

引用元のアドレスが存在する場合は、cite属性でそのURLを指定します。
 
 

使用例

 
 
リンゴ
引用元が指定されていると、Webページを管理するときに参考になります。
 
 

スポンサーリンク

まとめ

他の情報源からの引用・転載文を表す際は、<blockquote>タグを使います。
 
 

HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








blockquoteタグとは?|他の情報源からの引用・転載文を表す