Fatal编程技术网
  • html/
  • Html 法维康是'；t显示

Html 法维康是'；t显示

html

Html 法维康是'；t显示,html,favicon,Html,Favicon,我有一个网站，在那里我试图做一个favicon。唯一的问题是，它没有出现。在我的本地主机上，它只是显示一个云的东西，在使用html文件打开的页面上，它只是显示所有站点上的常规白色页面，没有favicon 这就是我试图实现它的方式 <link rel="icon" type="image/icon" href="http://www.mywebsite.com/myfavicon.ico"/> <link rel="stylesheet" type="text/css" hre

我有一个网站，在那里我试图做一个favicon。唯一的问题是，它没有出现。在我的本地主机上，它只是显示一个云的东西，在使用html文件打开的页面上，它只是显示所有站点上的常规白色页面，没有favicon

这就是我试图实现它的方式

<link rel="icon" type="image/icon" href="http://www.mywebsite.com/myfavicon.ico"/>

<link rel="stylesheet" type="text/css" href="mainColorTest.css" />

如果是选项，只需将图标文件重命名为
favicon.ico
，并将其放入网站的根URL，即
http://www.mywebsite.com/favicon.ico
--看起来您有权访问它。在这之后，您不需要在html中添加任何内容，浏览器就会找到它。

我这样做没有编写一行代码，而且它总是有效的

只需确保文件的格式为png，并且完全是
16X16像素
。 然后将其重命名为“favicon.ico”，并将其放在网站的根目录中

您的浏览器将自动获取图标并在需要时使用它。
您可能需要在浏览器上使用
ctrl+F5
来查看效果（它会进行更深入的刷新）

指定favicon的第一种方法是使用rel属性值“icon”，并通过配置文件定义该值的含义；下面将更详细地讨论配置文件。在这个HTML 4.01示例中，通过URI标识为favicon的favicon：

<!DOCTYPE html 
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>


[…]
[…]
XHTML 1.0版本看起来非常相似：

<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
      xmlns="http://www.w3.org/1999/xhtml" 
      xml:lang="en-US"
      lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>
[…]
</html>


[…]
[…]
如果您使用的是HTML5。。。。那就是这样,

下载favicon 将favicon.ico文件放入Web服务器目录 如果它不在根目录中，请在。。。页面的标签：

<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
用正确的路径替换您的路径 -或-

在。。。页面的标签。整个图像文件已经包含在HTML中。无需上传favicon.ico文件。这适用于除Internet Explorer之外的所有浏览器

<link href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAy8vLAAEDAAAROkkABAAAAAACBgAFAwAAIVJsALOliAAFAwkAT/T3AJTK/wAcTewAsOzvAB5I7wAfTuYA0LeiAHr6/wAnU+MAJ1HmABtHVQDHgAAA6+b3AMh9CQDm9/QA3d3dACNMWwArVfsA+e3oAO/w+gB+dHYAAAABAPLz8QA8X28ALmbmAPP09AAAAgcABAABAPT09ADg3eYABQABAEvy+wBNeY8AAQIQAAcACgD3+foAAAsQAOHn8gA8a+wA/f39AF/1+wAsUecAYfX7ADBfcAAkRlMA7+/vAL2yngDu8/IAbPT4AMC0mwDKysoAAAACAAEAAgArY/AAAAUIAAMEBQCJfmgAxLunALamjQD8/PsA+v3+AKjK7wAzWmsAau/zAO/o9gAGPUwAOv36AKfY/gAAAAMAxNXIAAACAADDtJwAAQMDADJp6AAJAgkABAUSACRO4AATSFIAvKWLAJF+aQD8/PwA/vz8AKWafQAgUfsAm5ubACFEWAApT/UAv+/yAOzu7gCj1PwAvbCaACBf+ADv8/QAAAAEALHS/wAGAAQABgIBAC5q7AAHAgEAHk3eAPf39wDN9/gAmc3xAAcHBwDp6ekAGUdZAJOEagAdS1MAL0ztAC1U6gC4s6QANU3nAAACAgCwn40AttfrABVN6AAtYfYAsqGKAAQCAgAHAAUAn87jAFd3jQC7pocA+fv7APv7+wCmvP4AJUzuANbW1gCampoA3vb/ANr//wAkR1EAv7KZAKyihQCas/YAAAEAAAAEAAAAAAYAAAUDAAQBAACupogAHUfgAAUBAAAACgAABwEAAAEECQAHBAAA8/v8ACJI7AD4+/wAzfv9ABhBUgAsReMA/vr5ACNR7ADm5PcAGEZYAB1EUgD///8ALE7sAGH2+gAoY/UA9/DuAAEBAQCwooYAAwIEAAAIBAAwYvIAGkjtAOPj4wAJBQQAHU/nAAgJBwAVRFMAH2FzAAwIBAD++P0AJVPhAP77/QDV1dUApKCBAGLz+wAfRFwAZfX4ABgLDQApVP8ARniKAMK1mwDv9/IAAAECAAMBAgC2oYQABwECAJqQfwDf6vAA5urnAP7+/gDg8vYA//7+AChU5QCdh24AwvX3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqDFyiQAqB3M+X06IJBlaqKg8XooAoaaNyrASXW2ST6gxAYpeAIM1Hpl5DH6rMFDOqM6zvQC+0lnDh8wYJ2XRZ6jOMaitxLi/YH27a4sipJOoqIZxrVgQf56sSs0ckA+Tzm6bdEI7OMu1pVaxP1MbkzeTfENkUZUoEy8WHWbPopMJp0jHtrkLgrIzqQ52d5cfVzaTugCdFWhNFy1jJWmBAMg9xiMAr4AhVZxBwFSfRs5bqJTCdbcDSQpLFBooeryo0ECgKxHBOqoyNClMLHAAqJFhb5p4j5YIhMlcewJHDa2t01IgtI7Fxa6uRAaFLoytqAWjYiZsbGpqmASoOUUAqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=" rel="icon" type="image/x-icon" />
保留类似这样的内容
“favicon.ico”
浏览器非常智能，它们将加载您的favicon而不提及URL

<link rel="icon" href="favicon.ico" type="image/x-icon" />
删除缓存或使用CTRL+F5刷新没有缓存的页面

你用的是什么浏览器？仅供参考：Chrome不会在您的URL旁边显示favicon，它会在页面标题旁边的选项卡中显示为文件名。这是浏览器会要求的标准。另一个注意事项，但favicon通常很难被缓存，而且需要的不仅仅是页面刷新才能显示出来。尝试清除缓存。同意。专门定义一个ico文件是有点多余和不必要的（但是，如果他使用png或其他东西，就不会这样）。