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

abbr ... ⁄abbr

Share it

abbr intro abbr browser display abbr parents - children abbr syntaxabbr title attribute

HTML5 abbr element

The abbr element allows you to mark up an abbreviation or an acronym »video

About abbr

Display & support abbr

Firefox iconChrome iconIE icon7+Opera iconSafari icon

Parents, children abbr

Attributes abbr

observation: title attribute (part of global attributes) if present on abbr element, has a different semantic »video

Syntax abbr

1<abbr> ... <⁄abbr> »video

Attributes and Values abbr (comma separated)

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

HTML5 abbr element: mark up an abbreviation

min video details
00:00 video tutorial: abbr element
00:05 abbr element allows you to mark up an abbreviation or an acronym
00:10 inside this paragraph:
- msg represents an abbreviation (msg= message) and
- AJAX is an acronym (AJAX= Asynchronous JavaScript and XML )
00:19 let's mark them up accordingly using abbr element
00:28 note:
title attribute on abbr element allows you to add the extended form of your abbreviation ⁄acronym

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