I would like to have information about the icons which are displayed alongside the site URLs on a web browser. Is this some browser specific feature? Where do we specify the icon source, ie, is it in some tag on the web page itself ?
It was originally a windows icon format file, stored under the URL http://site/favicon.ico. Most sites still use favicon.ico, and many browsers still automatically look there, regardless of the meta tags.
These icons are called favicons
Most web browsers support http://mysite.com/favicon.ico but the proper way to do it is to include an icon meta tag in the head profile.
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
type="image/png"
href="/somewhere/myicon.png" />
[…]
</head>
Your best bet is to probably do both with the same icon image.
These are favicons - more info on that page.
Basically, .ico files in the root directory on the webserver.
It's called a favicon.
You might want to check out these three questions:
I believe you're referring to the Favicon, which allows a website to specify a 16x16 (or larger) image which is displayed in the address bar next to the URL in most modern browsers.
Some browsers just pick the file called favicon.ico which is in the root of your web folder, whereas others require it to be specified in the <head>
of the HTML using the following code,
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
This was originally the way it was done with IE, but that doesn't conform to standards (because of the space in the rel), so most browsers now let you do it as follows, where you can use any standard image format, not just .ico
<link rel="icon" href="favicon.png" type="image/png" />
I will just add that some sites use an animated Gif as favicon. Which can be seen as über cool or supremely annoying, depending on your tastes... And probably not supported by all browsers.
The easiest way to get that info is by this simple web app
You only have to type the url of the page and it returns all the image properties