html tutorial - Citation Element <cite> tag in HTML - html5 - html code - html form




citation element cite tag in html

Learn html - html tutorial - citation element cite tag in html - html examples - html programs

  • The HTML Citation Element (<cite>) is similar to Italics representation of words, thereby it represents a reference to a creative work.
  • Generally, <cite>tag defines the title of the work and it displays as Italic.
  • <cite> tag supports the Global and Event attributes.
  • <cite> tag belongs to Flow content, Palpable content and Phrasing content Category.

Syntax for <cite> tag in HTML:

<cite>Citation here…..</cite>

Differences between HTML 4.01 and HTML5 for <cite>tag:

HTML 4.01

  • In HTML 4 the <Cite> tag defines the citation.

HTML5

  • In HTML 5 the <Cite> tag defines the title of the work.

Sample Coding for <cite> tag in HTML:

Tryit<!DOCTYPE html>
<html >
    <body>
        <cite> "Wikitechy" </cite> is a 
        <cite> Excellent </cite> site.    
    </body>
</html>

Code Explanation for <cite> tag in HTML:

code explanation for citation element cite tag

  1. The term ”WikiTechy” defines inside the <cite> tag and it will be displayed in different formatting similar to italic.

Output of <cite> tag in HTML:

output for citation element cite tag

  1. The term “Wikitechy” & “Excellent” are represented as a Citation Element and it displays in italic form.

Browser Support for <cite> tag:

Yes Yes Yes Yes Yes

Tips and Notes:

  • To refer the online resource for the source the cite attribute is used on a <blockquote> or <q> element. (Quote Element (<q>))

Related Searches to cite tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×