W3-Video WEB Tutorials

w3-video.com is a Free eLearning Website with over 500 video tutorials on HTML5, XAMPP, .htaccess, Firefox, Notepad++

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

q ... ⁄q

Share it

q intro q browser display q parents - children q wrong usage exampleq syntaxq, blockquote: cite attribute

HTML5 q element

The q element allows you to add an inline quotation (at intra-paragraph level). »video

About q

Display & support q

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children q

Attributes q


Do not use the q element for its visual effect! If you want quotations marks use special characters. »video

Syntax q

1<q> ... </q> »video

Attributes and Values q (comma separated)

<qattribute="attribute_value(s)"> Video Examples
1. specific attributes
1.cite=URL» video<q cite="citation_source.php"> ... <⁄q>
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<q accesskey="h"> ... </q>
2.class=class name»html »img<q class="class_name"> ... </q>
3.contenteditable="",  , true, false »html<q contenteditable="true"> ... </q>
4.contextmenu=menu id value»html<q contextmenu="menu_id_value"> ... </q>
5.data-*= value -<q data-http-error="404"> ... </q>
6.dir=ltr, rtl, auto»html<q dir="ltr"> ... </q>
7.draggable= true,  , false»img<q draggable="false"> ... </q>
8.dropzone= copy, move, link, string:, file: -<q dropzone="copy"> ... </q>
9.hidden= "",  , hidden»html »img<q hidden="hidden"> ... </q>
10.id=id name»html »img<q id="unique_id_name"> ... </q>
11.itemid= URL --
12.itemprop= string »link »a-
13.itemref= string --
14.itemscope= "",  , itemscope--
15.itemtype= absolute URL --
16.lang=language code »html »head»title »img<q lang="en"> ... </q>
17.spellcheck="",  , true, false»html<q spellcheck="true"> ... </q>
18.style=CSS property:value»html »img<q style="color:red"> ... </q>
19.tabindex= integer »img<q tabindex="3"> ... </q>
20.title=text»html »link»style »abbr»dfn
»img »meter
<q title="html page"> ... </q>
21.translate="", yes, no»html »img<q translate="yes"> ... </q>
All Global Attributes
3. global event attributes
1.onclick=script» list<element onclick="script" > ...
2.ondblclick=script» list<element ondblclick="script" > ...
All Event Attributes

Video demonstration q element

HTML5 q element: mark up an inline quotation

min video details
00:00 video tutorial: q element
00:04 q element allows you to mark an inline quotation (a quotation inside a paragraph); this kind of quotations are usually short
00:10 inside this paragraph, this part represents a quotation from another source
00:15 so we can mark it using q element
00:16 adding q element in page
00:28 the inline quotation (q) displays in browser

For more information about the q element, please see the specs: W3CWHATWG