我不知道如何在标题中添加图像图标,我有一个收藏图标,但它没有出现,当我尝试使用img src标签添加图片时,它按原样出现,没有图像!
4 回答
<link rel="icon" type="image/ico" href="favicon.ico" />
将此发布在您的<head>
标签中。
转到:http ://tools.dynamicdrive.com/favicon/
生成您的 favicon,然后将您的 favicon.ico 图标放入您的 public_html/www/httpdocs 文件夹,换句话说,将图标放入您主页所在的文件夹中。
此外,您可以在主页部分键入以下代码<head></head>
:
<link rel="short icon" href="favicon.ico" />
等等……你真的是想在 中添加一个<img>
元素<title>
吗?那不会飞 - 标题不能包含 HTML。它包含所谓的可替换字符数据。只有实体引用和元素的结束标记对解析器有意义;其他所有内容都是按字面意思理解的,基本上就像您已经对它进行了 HTML 转义一样。例如,如果您的 HTML 表示<title><img> stuff</title>
,文档的标题将是文字文本'<img> stuff'
,搜索引擎将完全正确地显示该文字文本(在其末尾替换<
为<
,以便正确显示)。事实上,在我看来,不这样做在很大程度上是不正确的。如果您的页面是关于如何使用<img>
标签的呢?
在标题附近获得图像的唯一标准方法是正确添加网站图标。它仍然不会出现在标题中,但无论如何这没有多大意义。它会显示在大多数浏览器中的 URL 旁边,这是您和您的用户通常想要的。让您创建 Web 快捷方式的操作系统通常会将其用作快捷方式的图标。
添加网站图标的最跨浏览器方法是两个步骤:
将图标文件放在站点的根目录下,命名
favicon.ico
并使用 Windows 用于图标文件的相同格式。(一些浏览器可以使用 PNG/GIF/JPG 图标,但似乎 IE 特别喜欢诚实至善的 .ICO 文件。)有些网站,如http://tools.dynamicdrive.com/favicon/中提到的另一个答案,它将为您将图像转换为图标。确保页面的头部包含以下 HTML:
<link href="/favicon.ico" rel="shortcut icon">
(如果文档是 XHTML,则添加一个斜杠来自动关闭标签。)
用这个:
<head>
<link rel="icon" type="image/png" href="logo.ico"/>
</head>