html_quotation_and_citation_element

HTML QUOTATION AND CITATION ELEMENT

Hello Friends,

In this blog post, I am going to explain about HTML quotation and citation.

First of all, you should know that what is HTML quotation and citation?

You would have definitely heard about single quotes(‘ ‘) and double quotes(” “). These are the quotation mark, when we keep any sentence or paragraph inside these quotation mark then it is considered as a quotation.


Where we use these quotation mark?

Generally, we use these quotation mark to express the words said by others in our writing, for example,

Merry said “She is learning HTML” If we want to write this without quotes then we will write this like:

Merry said that she was learning HTML. These were the example of direct and indirect speech. So quotation mark is used in case of direct speech.

We also use quotation mark to represent any special name or any other important sentence that has to draw some extra attention.

And citation if used to define the title of the work.

We will explain you all elements which are used to quotes the sentences and citation. See the below example for the same.


HTML <q> for Short Quotations:

This element is used to get a short quotation, browser adds the quotation mark to the text which is written between <q> and </q>. See the below example for the same.

<p>The goal of education is to: <q>make people understood about their rights and duty.</q></p>

HTML <blockquote> for Quotations:

This element is used to define a section which is quoted from another source. See the the below example for the same. Browser usually indent <blockquote> element means they leave some space before and after the quotation.

<p>Here is a quote from a5theory website:</p>
<blockquote cite="http://a5theory.com/aws-ses-complete-guide-to-setup/">
There is nothing like this, this is just a name given by them to their service may be AWS provides some additional service with this like SNS for spam and bounce configuration and etc…… so they just would have given this name. do not confuse with this name.
</blockquote>

HTML <abbr> for Abbreviations:

This element is used to provide the abbreviation or achronym to the specific word or sentense. This abbreviation gives an idea to the browsers, translation system and all serch-engine to display the information about any word or sentense. See the below example for the same.

<!DOCTYPE html>
<html>
<body>

<p>The <abbr title="A5theory">WHO</abbr> was founded in 2017.</p>

<p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p>

</body>
</html>

HTML <address> for Contact Information:

This element is used to display the contact information of(author/owner) of a document or an article. Usually they are displayed in Italic and most of the browsers leaves a line break before and after the address. See the below example for the same.

<address>
Written by Jen lee.<br>
Visit us at:<br>
A5theory.com<br>
United states<br>
USA
</address>

HTML <cite> for Work Title:

This element is used to display the title and it is usually displayed in Italic. See the below example for the same.

<p><cite>The A5theory</cite> by Anurag Tiwari. Developed in 2017.</p>

HTML <bdo> for Bi-Directional Override:

This element is used to define the bi-directional override and used to override the current text text direction. See the below example for the same.

<!DOCTYPE html>
<html>
<body>

<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p>

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

</body>
</html>

In a case of any queries, you can write us at anurag@a5theory.com we will get back to you ASAP.

Hope! you would have enjoyed this post.

Please feel free to give your important feedbacks in the comment section below.

Have a great time! Sayonara!