如何在HTML5 title标签中插入图片

2020-10-14  本文已影响0人  Fairy安北

title中如何插入图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>安北分享</title>
    <!-- rel 默认样式图标 -->
    <link rel="shortcut icon" href="../favicon.ico">
    <!-- <link rel="shortcut icon" href="../favicon.ico"> -->

</head>
<body>
    <div></div>
</body>
</html>

第一步

将要插入的图片在http://www.ico8.net/index.php?action=make中转码成icon格式
16x16的格式并且下载在本地

第二步

在HTML中link引用icon图片
将link中rel的默认样式改为shortcut icon

希望能给你带来帮助

上一篇下一篇

猜你喜欢

热点阅读