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

mark ... ⁄mark

Share it

mark intro mark browser display mark parents - children mark syntax

HTML5 mark element

The mark element allows you to mark ⁄highlight relevant text (keywords, expressions, run of text, phrases) for reference purpose. »video

About mark

Display & support mark

Firefox iconChrome iconIE icon9+Opera iconSafari icon

Parents, children mark

Attributes mark

Syntax mark

1<mark> ... </mark> »video

Attributes and Values mark (comma separated)

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

HTML5 mark element: highlight relevant text

min video details
00:00 video tutorial mark element
00:09 mark element allows you to mark ⁄highlight potential relevant text for reference purposes
00:14 considering this article about 'Engine Cooling Fan'
00:20 this whole phrase can be considered relevant and can be highlighted for reference purposes
00:25 using mark element
00:32 highlighted ⁄marked text

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