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++

cite ... ⁄cite

Share it

cite intro cite browser display cite parents - children cite syntax

HTML5 cite element

The cite element allows you to mark up the title of a (creative) work »video.

Can be called (creative) work: a book, an essay, a poem, a song, a film, a painting, a musical etc.

About cite

Display & support cite

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children cite

Attributes cite

Syntax cite

1<cite> ... </cite> »video

Attributes and Values b (comma separated)

<citeattribute="attribute_value(s)"> Video Examples
1. specific attributes
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<cite accesskey="h"> ... </cite>
2.class=class name»html »img<cite class="class_name"> ... </cite>
3.contenteditable="",  , true, false »html<cite contenteditable="true"> ... </cite>
4.contextmenu=menu id value»html<cite contextmenu="menu_id_value"> ... </cite>
5.data-*= value -<cite data-http-error="404"> ... </cite>
6.dir=ltr, rtl, auto»html<cite dir="ltr"> ... </cite>
7.draggable= true,  , false»img<cite draggable="false"> ... </cite>
8.dropzone= copy, move, link, string:, file: -<cite dropzone="copy"> ... </cite>
9.hidden= "",  , hidden»html »img<cite hidden="hidden"> ... </cite>
10.id=id name»html »img<cite id="unique_id_name"> ... </cite>
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<cite lang="en"> ... </cite>
17.spellcheck="",  , true, false»html<cite spellcheck="true"> ... </cite>
18.style=CSS property:value»html »img<cite style="color:red"> ... </cite>
19.tabindex= integer »img<cite tabindex="3"> ... </cite>
20.title=text»html »link»style »abbr»dfn
»img »meter
<cite title="html page"> ... </cite>
21.translate="", yes, no»html »img<cite translate="yes"> ... </cite>
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 cite element

HTML5 cite element: mark up the title of a work

min video details
00:00 video tutorial: cite element
00:05 cite element allows you to cite the title of a work such as:
the title of a:
- film, book, tv show, painting, musical, song etc
00:10 in this paragraph we cited the title of a film (a film represents a work)
00:16 let's mark the title (Pulp Fiction) of this work (film) properly using cite element
00:29 in browser

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