HTML Quotation and Citation Elements
In this chapter we will go through the <blockquote>,<q>, <abbr>, <address>, <cite>, and <bdo> HTML elements.
Example
Here may be a quote from WWF's website:
For nearly sixty years, WWF has been protective the long run of nature. The world's leading conservation organization, WWF works in a hundred countries and is supported by quite 1,000,000 members within the us and shut to 5 million globally.
HTML <blockquote> for Quotations
The <blockquote> element in HTML designates a portion that is taken from another source and quoted.<Blockquote> components are normally indented by browsers.
Example
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For fifty years, WWF has been protective the longer term of nature.
The world's leading conservation organization,
WWF works in one hundred countries and is supported by
1.2 million members within the u. s. and
close to five million globally.
</blockquote>HTML <q> for Short Quotations
The HTML <q> tag defines a short quotation.
Cybersurfs ordinarily fit quote marks around the quote.
Example
<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>HTML <abbr> for Abbreviations
The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Browsers, translation schemes, and search engines may benefit from abbreviation marking.
Example
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>HTML <address> for Contact Information
The HTML <address> tag defines the contact information for the author/owner of a document or an article.
The contact information can be an email address, URL, physical address, phone number, social media handle, etc.
The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.
Example
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>HTML <cite> for Work Title
The HTML <cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.).
The text in the <cite> element usually renders in italic.
Example
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>HTML <bdo> for Bi-Directional Override
BDO stands for Bi-Directional Override.
The HTML <bdo> tag is used to override the current text direction:
Example
<bdo dir="rtl">This text will be written from right to left</bdo>
0 Comments