January 2018
Intermediate to advanced
678 pages
20h 16m
English
When you open a new tab in a browser, do you notice the icon that appears in the tab area at the top of the window? For an example, go back to Figure 7.2 and find the tree icon in the tab area of the Trees web page. Those icons are called shortcut icons. In this section, you’ll learn about shortcut icons.
To mark your web page with a shortcut icon in the browser’s tab area, in your web page’s head container, include a link element with rel="icon". For example, here’s the code from the Trees web page that causes the tree shortcut icon to be displayed:
<link rel="icon" href="../images/tree.png">
The rel attribute specifies the relationship between the current web page and the linked-to entity. So for a shortcut icon, the
Read now
Unlock full access