HTML Citation elements

In HTML, the term "citation" refers to the process of indicating or marking the source of quoted or referenced content within a web page.
Citations are essential for giving credit to the original authors or creators of the information used in a document, and they help maintain academic integrity and copyright compliance.
Here are the following tags used

  1. blockquote
  2. cite
  3. abbr
  4. address
  5. bdo
  6. q

HTML <blockquote>

Used for defining a block-level quotation or a section that is quoted from another source.
It is commonly used for longer quotes that should be visually set apart from the surrounding text.


Example

<!DOCTYPE html>
<html>
    <head>
        <title>blockquote Element Example</title>
    </head>
    <body>
        <h1>blockquote Element Example</h1>
        <blockquote>
            "Be yourself; everyone else is already taken."
        </blockquote>
    </body>
</html>

HTML <cite>

Used to mark the title or source of a creative work, such as books, articles, films, etc., that is referenced in the content.
The <cite> element is commonly used within or after a <blockquote> or <q> to provide the source of the quoted material.

Example

<!DOCTYPE html>
<html>
    <head>
        <title>cite Element Example</title>
    </head>
    <body>
        <h1>cite Element Example</h1>
        <blockquote>
            "Be yourself; everyone else is already taken."
            <cite>Oscar Wilde</cite>
        </blockquote>
    </body>
</html>

HTML <abbr>

Represents an abbreviation or acronym and can optionally include a title attribute to provide a full description of the abbreviation.

Example

<!DOCTYPE html>
<html>
    <head>
        <title>abbr Element Example</title>
    </head>
    <body>
        <h1>abbr Element Example</h1>
        <p>The <abbr title="World Health Organization">WHO</abbr> is a specialized agency of the United Nations dealing with international public health.</p>
    </body>
</html>

HTML <bdo>

<bdo> element stands for "Bidirectional Override."
Used to control the directionality of the text within its content.


Example

<!DOCTYPE html>
<html>
    <head>
        <title>bdo Element Example</title>
    </head>
    <body>
        <h1>bdo Element Example</h1>
        <bdo dir="rtl">Text to be displayed</bdo>
        <bdo dir="ltr">Text to be displayed</bdo>
    </body>
</html>

HTML <address>

Represents contact information for the author or owner of a document or an article.
While not exclusively used for citations, it can be used to display the address or contact details of the source.


Example

<!DOCTYPE html>
<html>
    <head>
        <title>address Element Example</title>
    </head>
    <body>
        <h1>address Element Example</h1>
        <address>
            Written by John Doe<br />
            Email: [email protected]
        </address>
    </body>
</html>

HTML <q>

Represents a short inline quotation.
The content within this element is usually surrounded by double quotation marks.
The <q> element is useful for marking short, inline quotes.

Example

<!DOCTYPE html>
<html>
    <head>
        <title>q Element Example</title>
    </head>
    <body>
        <h1>q Element Example</h1>
        <p>Thomas Edison once said, <q>"Genius is one percent inspiration and ninety-nine percent perspiration."</q></p>
    </body>
</html>

Quick Recap - Topics Covered

Table Attribute

Description

Example

<blockquote>

Used for defining a block-level quotation or a section that is quoted from another source

Run

<cite>

Used to mark the title or source of a creative work, such as books, articles, films, etc., that is referenced in the content

Run

<abbr>

Represents an abbreviation or acronym and can optionally include a title attribute to provide a full description of the abbreviation

Run

<bdo>

<bdo> element stands for "Bidirectional Override." Used to control the directionality of the text within its content

Run

<address>

Represents contact information for the author or owner of a document or an article

Run

<q>

Represents a short inline quotation. The content within this element is usually surrounded by double quotation marks

Run


Practice With Examples in Compilers

The Concepts and codes you leart practice in Compilers till you are confident of doing on your own. A Various methods of examples, concepts, codes availble in our websites. Don't know where to start Down some code examples are given for this page topic use the code and compile or Try on own Now


Example js

Example 1 Example 2 Example 3 Example 4 Example 5


Quiz


FEEDBACK