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

title ... ⁄title

Share it

title intro title required title occurrences title browser display title parents - children title ELEMENT vs title ATTRIBUTE title syntaxtitle lang attribute

HTML5 title element

The title element allows you to set the title of your HTML5 document. »video

About title

Display & support title

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children title

Attributes title

title ELEMENT vs. title ATTRIBUTE

The difference between the title element and the title attribute »video

<title> ... <⁄title> vs. <element title> ... <⁄element>

Syntax title

1<title> ... <⁄title> »example

Attributes and Values title (comma separated)

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

HTML5 title element, Tutorial

min video details
00:02 open demo html file in Notepad++
00:05 title tag present but no title added
00:08 launching demo file in browser
00:13 file's path displays instead of the title
00:18 adding a title to the page between the title start tag and the title end tag
00:22 save file in Notepad++ and refresh the page in browser
00:25 Page Title displays in Browser tab
00:30 for our html demo file for the title element, we can add the following title: "HTML title element, vide demo"
00:40 save and refresh
00:42 the new Page Title displays in Browser tab
00:48 that's how you can add a title to your HTML5 document

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