Tips for creating web pages-how to display website icons in the address bar of a browser?

The URL image is a small logo image of the website displayed in the tab bar of the browser. Although things are small, they can bring some changes to the website and give people a more cordial feeling .. In fact, this is easy to do. First, use the image processing software to create a 16x16 pixel small image. The color mode is 16 bits. Go to http://www.html-kit.com/favicon/to submit an image to help you generate the corresponding icographic file. Download and decompress the generated file. Generally, there are three files in it. We only need the favicon. ICO (of course, you can also use ICO to make software. This kind of software is quite simple to use, but note that the file name must be favicon. ICO ). Copy the file to the root directory of the website.

After completing the above operations, you can open the tab bar of the website to display the icon (some virtual hosts do not support it, so there is no way ). If you need this icon for your website, you have already set it up. You don't have to think about what some people have to say to add between heads. These settings are only required when you want to use different icons for a special page. The settings are as follows:

Add the following content between the head labels of the page:
<Link href = "http://www.udalu.com/favicon.ico" type = "image/X-icon" rel = "icon"/>
<Link href = "http://www.udalu.com/favicon.ico" type = "image/X-icon" rel = "shortcut icon"/>
Note: I tried to add complete domain name information instead of adding absolute or relative paths as some people have said. Only adding a path does not display icons. The specific cause is unknown. Of course, it may be that there is a problem with the settings in other places. If anyone adds a path, it will be displayed. Please tell me, thank you. (The icon name can be any or any directory, as long as it corresponds to the path in herf)

 

From: http://hi.baidu.com/yylzq/blog/item/43b54c305dedeea25fdf0e4e.html