You have seen image as prefix in url of different websites. Here how you can implement that in your website.
Favicon is the term for image or icon used in the address bar of the website. Sometimes it is also called as website icon or bookmark icon. This image have no special meaning in website except it indicates that website products particular logo or image. Microsoft introduced the favicon.ico first.
Supported Browser:
1. Internet Explorer
2. Google Chrome
3. Mozilla Firefox
4. Opera
5. Safari
Noteworthy Point:
1. In some browser website doesn't display image or icon or favicon before url and in address bar. This vary from browser to their specific version.
2. You can generate favicon for website from sites or draw own. Two are mentioned here:
http://www.freefavicon.com
http://www.favicon.cc/
About Favicon
Favicon is the term for image or icon used in the address bar of the website. Sometimes it is also called as website icon or bookmark icon. This image have no special meaning in website except it indicates that website products particular logo or image. Microsoft introduced the favicon.ico first.
Supported Browser:
1. Internet Explorer
2. Google Chrome
3. Mozilla Firefox
4. Opera
5. Safari
Code Snippet
1. By relative path
<head runat="server">
<link rel="shortcut icon" href="~/favicon.ico" />
<link rel="shortcut icon" type="image/gif" href="~/animated_favicon1.gif" />
</head>
2. By absolute path
<head runat="server">
<link rel="shortcut icon" href="http://www.mywebsite.com/myicon.ico"/>
</head>
Noteworthy Point:
1. In some browser website doesn't display image or icon or favicon before url and in address bar. This vary from browser to their specific version.
2. You can generate favicon for website from sites or draw own. Two are mentioned here:
http://www.freefavicon.com
http://www.favicon.cc/
Comments
Post a Comment