在HTML中将图片添加到标题中

时间:2013-05-31 05:13:46

标签: html css image title

我不知道如何在标题中添加图片图标, 我有一个喜欢的图标,但它没有来,当我尝试使用 img src 标签添加图片它就像它一样,没有图像!

4 个答案:

答案 0 :(得分:3)

<link rel="icon" type="image/ico" href="favicon.ico" /> 将其发布在<head>标记内。

答案 1 :(得分:2)

转到:http://tools.dynamicdrive.com/favicon/

生成您的图标 然后将您的favicon.ico图标放入public_html / www / httpdocs文件夹,换句话说,将图标放入主页所在的文件夹中。

此外,您可以在主页的<head></head>部分输入以下代码:

<link rel="short icon" href="favicon.ico" />

答案 2 :(得分:1)

等等......您真的试图在<img>中粘贴<title>元素吗?那不会飞 - 标题不能包含HTML。它包含所谓的replaceable character data。只有实体引用和元素的结束标记对解析器意味着什么;其他所有内容都按照字面意思进行,并且基本上就像你已经HTML转义它一样。例如,如果您的HTML说<title><img> stuff</title>,则文档的标题将是文字'<img> stuff',搜索引擎完全正确以显示该文字文本(将<替换为{{} 1}}在它的末端,所以它正确显示)。事实上,在我看来,它基本上是不正确的而不是;如果您的网页是关于如何使用&lt;代码?

,该怎么办?

在标题附近获得图像的唯一标准方法是正确添加图标。它仍然不会 in 标题,但这无论如何都没有多大意义。它会显示在大多数浏览器中的URL旁边,这是您和您的用户通常想要的。允许您创建Web快捷方式的操作系统通常会将其用作快捷方式的图标。

添加图标的最跨浏览器方式有两个步骤:

  1. 将一个图标文件放在网站的根目录下,名为<img>,并使用Windows用于图标文件的相同格式。 (有些浏览器可以使用PNG / GIF / JPG图标,但似乎IE特别喜欢诚实的.ICO文件。)有http://tools.dynamicdrive.com/favicon/中提到的another answer等网站,将图像转换为图标。

  2. 确保页面中包含以下HTML:

    favicon.ico

    (如果文档是XHTML,则添加斜杠以自动关闭标记。)

答案 3 :(得分:0)

使用它:

    <head>
    <link rel="icon" type="image/png" href="logo.ico"/>
    </head>