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


del ... ⁄del


Share it

del intro del browser display del parents - children del transparent content model del syntax

HTML5 del element

The del element allows you to mark up removed (deleted) content. »video

About del

Display & support del

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children del

Attributes del

Syntax del

1<del> ... </del> »video

Attributes and Values del (comma separated)

<delattribute="attribute_value(s)"> Video Examples
1. specific attributes
1.cite=URL»video<del cite="filex.php"> ... <⁄del>
2.datetime=YYYY-MM-DD

YYYY-MM-DD hh:mmZ
YYYY-MM-DD hh:mm+hh
YYYY-MM-DD hh:mm+hh:mm
YYYY-MM-DD hh:mm-hh
YYYY-MM-DD hh:mm-hh:mm

YYYY-MM-DD hh:mm:ssZ
YYYY-MM-DD hh:mm:ss+hh
YYYY-MM-DD hh:mm:ss+hh:mm
YYYY-MM-DD hh:mm:ss-hh
YYYY-MM-DD hh:mm:ss-hh:mm

YYYY-MM-DDThh:mmZ
YYYY-MM-DDThh:mm+hh
YYYY-MM-DDThh:mm+hh:mm
YYYY-MM-DDThh:mm-hh
YYYY-MM-DDThh:mm-hh:mm

YYYY-MM-DD hh:mm:ssZ
YYYY-MM-DD hh:mm:ss+hh
YYYY-MM-DD hh:mm:ss+hh:mm
YYYY-MM-DD hh:mm:ss-hh
YYYY-MM-DD hh:mm:ss-hh:mm

YYYY-MM-DDThh:mm:ssZ
YYYY-MM-DDThh:mm:ss+hh
YYYY-MM-DDThh:mm:ss+hh:mm
YYYY-MM-DDThh:mm:ss-hh
YYYY-MM-DDThh:mm:ss-hh:mm
»video<del datetime="2013-03-28T04:23:14Z"> ... <⁄del>
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<del accesskey="h"> ... </del>
2.class=class name»html »img<del class="class_name"> ... </del>
3.contenteditable="",  , true, false »html<del contenteditable="true"> ... </del>
4.contextmenu=menu id value»html<del contextmenu="menu_id_value"> ... </del>
5.data-*= value -<del data-http-error="404"> ... </del>
6.dir=ltr, rtl, auto»html<del dir="ltr"> ... </del>
7.draggable= true,  , false»img<del draggable="false"> ... </del>
8.dropzone= copy, move, link, string:, file: -<del dropzone="copy"> ... </del>
9.hidden= "",  , hidden»html »img<del hidden="hidden"> ... </del>
10.id=id name»html »img<del id="unique_id_name"> ... </del>
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<del lang="en"> ... </del>
17.spellcheck="",  , true, false»html<del spellcheck="true"> ... </del>
18.style=CSS property:value»html »img<del style="color:red"> ... </del>
19.tabindex= integer »img<del tabindex="3"> ... </del>
20.title=text»html »link»style »abbr»dfn
»img »meter
<del title="html page"> ... </del>
21.translate="", yes, no»html »img<del translate="yes"> ... </del>
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 del element

HTML5 del element: mark up deleted content

min video details
00:00 video tutorial: del element, ins element
00:04 del element allows you to mark removed ⁄deleted content
00:09 ins element allows you to mark inserted content
00:13 let's say this paragraph has been published online (on www), and we need to apply a correction to it: instead of 'twice' to have 'once'
00:21 we need to mark 'twice' as removed content, using del element
00:27 and insert the new content, 'once', and mark it as inserted content using ins element
00:37 the paragraph is now correct and displays like this in browser

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