html如何在浏览器标签显示网站logo?

先上代码：   那么问题来了：为什么写两行？ico是什么？png也可以吗？logo分辨率是多少？还有什么其他知识？基础：页面图片表现在chrome与ie中

为什么写两行？？？为了兼容！！！为了备用（tai）！！！1：将“shortcut icon”看做一个字符串，在遵循标准的浏览器中此字符串会被识别为“icon”，而在“IE”中会被识别为“shortcut icon”；所以为了兼容。2：写两行是为了备用，一行用不了，就用另外一行。基础：页面图片表现在chrome与ie中

ico是什么？图片格式！可以被png代替吗？可以！ico与img的png，jpg等相同时一中图片格式。可以看MIME参考手册（见图）。ico是可以被png代替的。见下图那为什么还要用ico？因为：ico文件可以被可以显示favicon的浏览器读取，支持多种分辨率，最早被微软提出。用png与gif也可以，一般为16像素的分辨率。

发现1：很多网站里有如图问题：什么意思？为什么需要？意思：og是新的HTTP头部标记；是2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol)；    将网页链接   转为   富文本对象。需要：为了社交平台优雅传播；SNS是用户间沟通的热门平台，任何网页只要遵守og协议，SNS就能从页面上提取最有效的信息并优雅呈现给用户（将网页链接转为富文本对象）。优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率。很国际化的标签。我理解的将网页链接转为富文本对象的示例对比，前者为网页链接的表现，后者为富文本对象的表现。其他  property=”og:XXX”：       如果没有og怎么办？？？Open Graph有默认的替代之。还有其他社交平台专用的标签的吗？有，请看下面

发现2：还有其他社交平台专用的标签的吗？有！除了Open Graph还有 Twitter Cards 和 Schema.orgSchema.org没有找到；Twitter Cards可以看看下图与Open Graph差不多。

ok啦~~~有任何问题 ——— 留言；帮助到你 ———投票；谢谢。以上。