Introduction
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.
Coding
- <!DocTYPE html>
- <html>
- <head>
- <title>Cite Tag in HTML5</title>
- </head>
- <body>
-
- <p>This article <cite title = "Designed by Ashwani Tyagi(31 January , 2013)">describes the cite tag </cite>in HTML5.
- </p>
- <p>This article <cite title = "Designed by Ashwani Tyagi(31 January , 2013)" style="color:Red">describe the cite tag </cite> in <q>HTML5</q>
- </p>
- <p>Introduction of HTML5
- <blockquote>
- 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)
- and Web Hypertext Application Technology Working Group(WHATWG).WHATWG was working with web forms and applications,and W3C was working with XHTML
- 2.0.In 2006, they decide to cooperate and create a new version of HTML.
- </blockquote>
- </p>
- </body>
- </html>
Output