HTML5 <q> Tag, Definition of <q> Tag in html5

This tutorial will inform you about <q> tag. The <q> tag is used for indicating short quotation including lines or paragraph.

This tutorial will inform you about <q> tag. The <q> tag is used for indicating short quotation including lines or paragraph.

HTML5 <q> Tag, Definition of <q> Tag in html5

This tutorial will inform you about <q> tag. The <q> tag is used for indicating short quotation including lines or paragraph. This tag represnts the section of text which is quoted from any other resource. We can use multiple <q> tag in our document as per requirement. This tag must have start and end tag. Most browsers indent text from both (left and right) margins but we don't use this tag to indent text. The text from <q> tag renders with paragraph breaks. We don't require paragraph breaks for short quotes we use <q> tag. If multiple lines are to be quoted we use <blockquote> tag.

The <q> tag has only one specific attribute cite. This attribute indicates the fully qualified url of the quote from where it is taken.

Declaration syntax:

<q cite="url"> Text Here </q>

Example: q.html.

<!DOCTYPE html>
<html>
<head>
<title>Example of q tag</title>
</head>
<body>This is q tag implementation.<br><pre>
<q cite=
"http://www.roseindia.net/tutorial/html/html5/index.html">
     In this tutorial we will learn HTML5
     q tag with the help of example.
    Here you will find demo and example of
    HTML5 q tag. You will be needing latest HTML5
    supported browser to test the application..</q>
</pre>
Thank you!.
</body>
</html>

Output:

Download This Example:

Difference between html4.01 and html5:

None.

Ads