How to display the site logo icon (or specify an icon) on the Browser's tab page

Source: Internet
Author: User

for different browsers, there is a difference between the methods
1. For IE or TT browser: Name the ICO icon for the 16x16 pixel that needs to be displayed Favicon.ico placed in the root directory of the Web site, the browser will automatically retrieve
2. This is probably the method that all browsers commonly use to add a specified icon to a tab page:
Put the Favicon.ico icon in the root directory of the website and add it to the
<link rel= "shortcut icon" href= "Favicon.ico" type= "Image/x-icon"/>
 
3. For Mozilla Firefox: icon format is not as strict as IE, GIF and PNG format icons can also be displayed, icon name can also not favcion
4. After placing the icon in the root directory, add it to the
<link rel= "shortcut icon" href= "Favicon.ico" type= "Image/x-icon"/>
<link rel= "icon" href= "Gif_favicon.gif" type= "Image/gif" >
or
<link rel= "shortcut icon" href= "Favicon.ico" type= "Image/x-icon"/>
<link rel= "icon" href= "Png_favicon.png" type= "Image/png" >
 
5. Finally, the ICO format picture can be produced by magicico This small software, note that this software can only recognize the PNG format picture
Software: http://ishare.iask.sina.com.cn/f/9614427.html
6. Link to the online picture, you can use the following method (below is the csdn icon, can be placed directly in the page's head tag, so it can be directly displayed)
<link href= "Http://csdnimg.cn/www/images/favicon.ico" rel= "SHORTCUT ICON" >

How to display the site logo icon (or specify an icon) on the Browser's tab page

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.