HTMLの引用と引用の要素

この章では、、、、、、、および<blockquote>HTML要素について説明します。<q><abbr><address><cite><bdo>

例

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

引用のHTML <blockquote>

HTML<blockquote>要素は、別のソースから引用されたセクションを定義します。

<blockquote>ブラウザは通常、要素をインデントします。

例

Here is a quote from WWF's website:
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

短い引用のHTML <q>

HTML<q>タグは、短い引用を定義します。

ブラウザは通常、引用符を引用符で囲みます。

例

WWF's goal is to: <q>Build a future where people live in harmony with nature.</q>

略語のHTML <abbr>

HTML<abbr>タグは、「HTML」、「CSS」、「Mr。」、「Dr。」、「ASAP」、「ATM」などの略語または頭字語を定義します。

略語をマークすると、ブラウザ、翻訳システム、検索エンジンに役立つ情報を提供できます。

ヒント：グローバルタイトル属性を使用して、要素の上にマウスを置いたときに略語/頭字語の説明を表示します。

例

The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

連絡先情報のHTML <アドレス>

HTML<address>タグは、ドキュメントまたは記事の作成者/所有者の連絡先情報を定義します。

連絡先情報には、電子メールアドレス、URL、住所、電話番号、ソーシャルメディアハンドルなどがあります。

要素内のテキストは通常イタリックで<address>レンダリングされ、ブラウザは常に要素の前後に改行を追加します。<address>

例

<address>
Written by John Doe. 
Visit us at: 
Example.com 
Box 564, Disneyland 
USA
</address>

作品タイトルのHTML <cite>

HTML<cite>タグは、クリエイティブな作品のタイトル（本、詩、歌、映画、絵画、彫刻など）を定義します。

注：人の名前は作品のタイトルではありません。

要素内のテキストは<cite>通常、斜体で表示されます。

例

<cite>The Scream</cite> by Edvard Munch. Painted in 1893.

双方向オーバーライド用のHTML <bdo>

BDOはBi-DirectionalOverrideの略です。

HTML<bdo>タグは、現在のテキストの方向を上書きするために使用されます。

例

<bdo dir="rtl">This text will be written from right to left</bdo>

HTML演習