如何将图片放在浏览器页面标题旁边的标签栏上？ [英] How to put an image on the tab bar next to the title of the page on the browser?

问题描述

您好，我想知道如何在标签栏上放置一个图片，这个图片的标题位于其标题左侧。如下图所示。

Hi I am wondering how to put an image on the tab bar same as this website that has placed its logo on the left side of its title. as following picture.

推荐答案

它被称为 favicon ，并在文档的<$ c $中设置了< link> 标记c> header 标记。

It's called a favicon and it's set with a <link> tag in the document's header tag.

例如，Stack Overflow将它设置为：

For example, Stack Overflow sets it with:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

第一个标记是设置常见桌面浏览器图标的跨浏览器方式。第二个标签适用于iOS设备。

The first tag is the cross browser way of setting the icon for common desktop browsers. The second tag is meant for iOS devices.

这篇关于如何将图片放在浏览器页面标题旁边的标签栏上？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！