HTML 5 <dt> tag
Definition and Usage
The <dt> tag defines the start of a term in a definition list, and
parts in a dialog.
Differences Between HTML 4.01 and HTML 5
HTML 5 indroduced the <dialog> tag, which defines a dialog. In dialogs, the
<dt> tag defines the part the sentence belong to. See example 2
Example 1
| Source |
Output |
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
|
- Coffee
- Black hot drink
- Milk
- White cold drink
|
Example 2
| Source |
Output |
<dialog>
<dt>Teacher</dt>
<dd>What is 2+2</dd>
<dt>Student</dt>
<dd>4</dd>
<dt>Teacher</dt>
<dd>Correct!</dd>
</dialog> |
|
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
Try-It-Yourself Demos
Definition list
How to create a definition list.
|
|
|
