HTML_quotes, citations, comments

HTML Quotation and Citation Elements

HTML <blockquote> for Quotations

With a HTML <blockquote> element, you can create a section that is quoted from another source.

<blockquote cite="https://www.goodreads.com/author/quotes/9810.Albert_Einstein"> "Two things are infinite: the universe and human stupidity; and I'm not sure about the universe." </blockquote> <p>Albert Einstein</p>

 

I like this quote. I can feel his humour. 

 

HTML <q> for Short Quotations

The HTML <q> tag defines a short quotation. 

 

<p>My goal is to: <q>Build a future where people can live with freedom. </q></p>

 

The result is like below. There is “” marks around the quote sentence. 

HTML <abbr> for Abbreviations

The HTML <abbr> tag defines an abbreviation or an acronym, like “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”. It is useful because it gives information to browsers, translation systems or search engines. You can use ‘title’ attribute to put the description and it is good couple with abbreviation/acronyms.

 

<p><abbr title="My Goal">MGL</abbr> is to build a future where people can live with freedom.</p>

 

HTML <address> for Contact Information

The HTML <address> tag gives the contact information about the owner of a document. 

 

<p><abbr title="My Goal">MGL</abbr> is to build a future where people can live with freedom.</p> <address> Written by John Doe.<br> Visit us at:<br> Example.com<br> USA </address>

As you see, there are break lines added before and after the <address> tag.

 

HTML <cite> for Work Title

The HTML <cite> tag specifies the title of an art piece not a person’s name.

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

 

 

HTML <bdo> for Bi-Directional Override

The HTML <bdo> tag is used to override the current text direction.

 

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

 

 

 

HTML Comments

HTML comments are useful. 

First, It can be used for communication with other developers. It is not display, of course.

<!-- Write your comments here -->

 

Second, you can hide code by using HTML comments.