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

dt ... ⁄dt

Share it

dt intro dt browser display dt parents - children dt syntax

HTML5 dt element

The dt element allows you to mark up a term or a name to which you can associate a value, a description, a definition.. through dd element, in a
description list dl »video

About dt

Display & support dt

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children dt

Attributes dt

Syntax dt

<dt> ... </dt>
<dt> ... »video

Attributes and Values dt (comma separated)

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

HTML5 dt element: mark up a term in a description list

min video details
00:00 video tutorial: dt tag
00:05 dt element allows you to mark up a term or a name to which you can associate a value, a description, a definition...in a description list dl
00:11 inside this description list, dl, these 2 values, ltr and rtl, could be associated to dir term which is a global attribute in HTML
00:19 the dir term can be introduced through dt element
00:35 term-value association ⁄ group in a description list dt-dd in a dl
00:38 to this description 'Hydrogen' we can associate the 'H' symbol from chemistry through dt element
00:56 since H represents also an abbreviation we can mark it up accordingly using abbr element

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