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

dd ... ⁄dd

Share it

dd intro dd browser display dd parents - children dd syntax

HTML5 dd element

The dd element allows you to mark up the value, the description or the definition of a term or name, marked up with the dt element, in a description list dl »video

About dd

Display & support dd

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children dd

Attributes dd

Syntax dd

<dd> ... </dd>
<dd> ... »video

Attributes and Values dd (comma separated)

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

HTML5 dd element Tutorial

min video details
00:00 video tutorial: dd element
00:05 the dd element allows you to mark up the value, the description or the definition of its corresponding term or name, marked up with dt element
00:12 inside this description list, dl, we have this term 'draggable', dt, which represents a global attribute in HTML
00:18 we can associate 2 values to 'draggable' term: 2 keywords: true and false, through dd element
00:34 the values (true, false) are now associated to this term (draggable)
00:41 the term + its values form a term-value group inside the dl;
you can have a term-description group or a name/term-definition group...
00:46 you can have 1 or more values (dd elements) associated to a term (dt element)

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