7. HTML Quotations element

HTML Quotations element <q>

Let's say we have the following text under a paragraph.

<p>I am a “Front End Web Developer”</p>

The right way to do the quotes " is by using the quotation element <q>

<p>I am a <q>Front End Web Developer</q></p>

<blockquote> element quotes a section from another source

This could be a URL address

<p>Here is a quote from WWF's website:</p>
<blockquote cite="https://en.wikipedia.org/wiki/New_York">
New York is a state in the northeastern United States, and is the 27th-most extensive, 
fourth-most populous, and seventh-most densely populated U.S. state. New York is bordered by 
New Jersey and Pennsylvania to the south and Connecticut, Massachusetts, 
and Vermont to the east.</blockquote>

<abbr> Abbreviations elements for search engines

The <abbr> element gives information to the search engines while this is hidden for whoever is reading the web content.

<p>There was a time <abbr title="web developers"> were</abbr> known to be the best.</p>

<address> element

The element simply defines an address

<p> John Depry was the web developer that built the first machine</p>
<address>
Name: John Depry<br>
P.O Box 1234, NY, US<br>
</address>

<cite> element for citing

If you'd like to cite on a text then the right way to do it is by using the <cite> element

<p> A website designed by someone</p> 
<img src="http://website/assets/images/image-1400x933-23.jpg" 
alt="website.com" width="204" height="142"> 

<p><cite>OnlineCourses.Tech</cite> by VD</p>

<bdo> Mirror text

Have you ever wanted to mirror text or to have it written the other way around? If that's the case then you need to use the <bdo> element. For that purpose you'd need to use the dir='rtl' right to left attribute

<bdo dir="rtl">I am a web developer, am I</bdo>

We learned the following HTML elements for quotation and citation

<abbr>Something</abbr>
<address>Something</address>
<bdo>Something</bdo>
<blockquote>Something</blockquote>
<cite>Something</cite>
<q>Something</q>