HTML quotations and citations

      No Comments on HTML quotations and citations

HTML quotations and citations tags are used to define quotations and cited text in HTML

HTML <q> tag

<q> defines a short quotations.It is used for short inline quotations that do not require line breaks.Usually browser display quotations marks around them by default.

<p>
<q>Have more than you show, speak less than you know</q>-Shakespeare
</p>

Have more than you show, speak less than you know-Shakespeare

HTML <blockquote>

HTML <blockquote> indicates that enclosed text is a extended quotations.It is usually rendered visually by indentation.Url of the source of the block quotation can be given in the cite attribute.

<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>

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.

<abbr> element

HTML <abbr> element represents an abbreviation and optionally provides a full description for it. TO provide a full description, it must be writer in the title attribute of the element , else it should have nothing.

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

The WHO was founded in 1948.

Some browsers like Internet explorer, do not have default styling for the <abbr> tag. Other browsers like Chrome,Mozilla have show dotted lines under the abbreviation.

HTML <address>

<address> element is used to specific contact information for its nearest <aatricle> or <body> elements.

    Usage notes:

  • To represent address not related to contact information, use &ly;p> rather than <address> .
  • <address> should not contain more information than contact information(like publication time < time>)
  • Typically <footer> should not contain <address> element.
<address>
Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA
</address>

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

<cite> element

<cite> element is used to represent a reference to a creative work.It must include title of the work or URL reference.

    Usage notes:

  • A creative work may include art, book, music, poem, painting, theater, opera, blog post, comment, article, web site, web page, tweet, game, TV show etc.
  • W3C stated that reference to creative work may include author’s name but WHATWG has declared that it should not contain author’s name under any circumstances.
  • cite attribute can be used with &ly;blockquote> or <q> element to refer to online resource of the source.
 <p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

The Scream by Edvard Munch. Painted in 1893.

Various HTML quotations and citations are:

TagDescription
<abbr>Defines an abbreviation or acronym
<address>Defines contact information for the author/owner of a document
<bdo>Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite>Defines the title of a work

Leave a Reply

Your email address will not be published. Required fields are marked *