Cite Tag in HTML5


In this article, I describe how to use the cite, quote and blockquote tags in HTML5.

Cite Tag

The <cite> tag indicates a citation. It represents the title of a work (e.g. a book, paper, essay, poem, score, song, script, film, TV show, game, painting, sculpture, play, exhibition, etc.). The <cite> tag is an inline tag that indicates "defining a citation". The text within the <cite> tag is shown in italics.
The cite tag must have a start and end tag.
In this tag, the "title" attribute defines the title of the Text within the <cite></cite> tags.
In HTML5, the <cite> tag defines the cited title of a work whereas HTML 4.01 implied that the <cite> tag can be used to indicate the name of a person.
Declaring Syntax
<cite title="value">Some Text Here</cite>
Browser support
The <cite> tag is supported in all major browsers (e.g. Internet Explorer, Google Chrome, Mozilla Firefox. Safari, etc ).

Quote Tag

The <q> tag indicates short quotations including lines or paragraphs. This tag represents the section of the text that is quoted from any other resource. We can use multiple <q> tags in our document as needed. This tag must have start and end tags.
The <q> tag has only one attribute, "cite". This attribute indicates the fully qualified URL of the quote from where it is taken.
Declaring Syntax
<q cite="URL">Some Text Here</q>
Browser Support
The <q> tag is supported in all major browsers (e.g. Internet Explorer, Google Chrome, Safari, Mozilla Firefox, etc.).

Blockquote Tag

The <blockquote> tag indicates a long quotation (including quotations of multiple lines).
In HTML version 4.01, the <blockquote> tag defines a long quotation whereas in HTML5 the <blockquote> tag specifies a section quoted from another source. The blockquote tag must have a start tag and an end tag.
Browser Support
The <blockquote> tag is supported in all major browsers.
  1. <!DocTYPE html>  
  2. <html>  
  3. <head>  
  4. <title>Cite Tag in HTML5</title>  
  5. </head>  
  6. <body>  
  8. <p>This article <cite title = "Designed by Ashwani Tyagi(31 January , 2013)">describes the cite tag </cite>in HTML5.  
  9. </p>  
  10. <p>This article <cite title = "Designed by Ashwani Tyagi(31 January , 2013)" style="color:Red">describe the cite tag </cite> in <q>HTML5</q>  
  11. </p>  
  12. <p>Introduction of HTML5  
  13. <blockquote>  
  14. Html5 is the latest version of HTML.Previous version of HTML,HTML 4.01,came in 1999.HTML5 is a cooperation between World Wide Web Consortium(W3C)  
  15. and Web Hypertext Application Technology Working Group(WHATWG).WHATWG was working with web forms and applications,and W3C was working with XHTML  
  16. 2.0.In 2006, they decide to cooperate and create a new version of HTML.  
  17. </blockquote>  
  18. </p>  
  19. </body>  
  20. </html>