Adding an Icon for Your Web Site

Most browsers now support associating a small image with your Web site and displaying it in the Address bar, Favorites menu, or elsewhere. These little images are called favicons, which is short for Favorites Icon.

To add an icon for your Web site:

1.
Create a 16 pixel by 16 pixel image.
2.
In the head section of your (X)HTML document, type <link rel="icon" href="favicon.ico" type="image/x-icon"/>, where favicon.ico is the name and location of your icon on your server.
3.
For compatibility with Internet Explorer, add Microsoft’s proprietary syntax as well: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Figure 5.40. Favicon icons, in real life, are even smaller than the one shown at left. ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.