首页手记在浏览器打开的网页Title旁边，增加icon

在浏览器打开的网页Title旁边，增加icon

标签：

Html/CSS Html5

在html代码的

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>慕课网</title>
<link type="image/x-icon" rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
这是一个网页
</body>
</html>

其中：

<link type="image/x-icon" rel="shortcut icon" href="favicon.ico"/>

为添加icon，href后面加图片路径，相当于<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="">标签中的src属性。

小贴士：icon的图片一般都放在根目录下。

点击查看更多内容