html怎么设置页面图标logo
更新时间：2023-09-28什么是页面图标和logo？
页面图标，也称网站图标或Favicon，是指在浏览器地址栏左侧显示的小图标。而logo，则是指网站或品牌的标志性图案。页面图标和logo是网站必备的基础视觉元素，可以增强网站的形象和品牌认知度，同时也方便用户在多个标签页中轻松识别出网站。
如何设置页面图标？
在HTML中设置页面图标可以使用link标签和meta标签，下面是一个简单的例子：
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
上面的代码中，我们使用了link标签，并设置rel属性为"shortcut icon"，href属性为图片文件的路径，type属性为图片文件的MIME类型。注意，在设置图片文件路径时，可以使用相对路径或绝对路径，建议使用绝对路径以免出现404错误。
如何设置Logo？
设置网站Logo也可以使用link标签，但这次我们需要设置的是一张360x80像素的PNG图片，类似这样：
<head>
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="/logo.png">
</head>
上面的代码中，我们使用了link标签，并设置rel属性为"icon"，href属性为/favicon.ico。这是为了在IE浏览器中也能够设置页面图标。
总结
设置页面图标和Logo是网站设计的重要环节，通过合理使用这些视觉元素，可以为网站提升形象和品牌认知度，同时方便用户浏览网站。在HTML中使用link标签和meta标签，可以轻松的设置这些元素，但要注意图片文件的路径和MIME类型，以及IE浏览器的特殊设置。
