HTML 5 <em> <strong> <dfn> <code> <samp> <kbd>
<var> <cite> tags
Definition and Usage
The following elements are all phrase elements. They are
not deprecated, but it is possible to achieve a much richer effect using
style sheets.
| <em> |
Renders as emphasized text |
| <strong> |
Defines important text |
| <dfn> |
Defines a definition term |
| <code> |
Defines computer code text |
| <samp> |
Defines sample computer code |
| <kbd> |
Defines keyboard text |
| <var> |
Defines a variable |
| <cite> |
Defines a citation |
Differences Between HTML 4.01 and HTML 5
In HTML 4.01, the <strong> tag defined strong emphasized text, but in HTML 5
it defines important text.
Example
| Source |
Output |
<em>Emphasized text</em><br />
<strong>Strong text</strong><br />
<dfn>Definition term</dfn><br />
<code>Computer code text</code><br />
<samp>Sample computer code text</samp><br />
<kbd>Keyboard text</kbd><br />
<var>Variable</var><br />
<cite>Citation</cite>
|
Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
|
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
Text
formatting
This example demonstrates how you can format text in a document.
"Computer
output" tags
Demonstrates how different "computer output" tags will be displayed.
Use a web development platform that will help you save a lot of time and bring excitement to your daily development work.
It will also create professional best-practices around your code development and team collaboration.
Try Springloops now, the web development platform
|
HOME
Printer friendly page
