我一直在网站上工作,我想在浏览器标签上添加一个小图标.
如何在HTML中执行此操作以及在代码中我需要放置它的位置(例如标题)?我有一个.png徽标文件,我想将其转换为图标.
相关:HTML在浏览器选项卡上设置图像.
我的head标签中没有包含以下代码行,但我的favicon仍然出现在我的浏览器中:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
Run Code Online (Sandbox Code Playgroud)
包含它的目的是什么?
如何在标题栏中添加图像?
我有头衔 - "Webnet"
将其与FontAwesome Glyphicon的图标图像合并为 -
<title><i class="icon-user icon-black"></i>Webnet</title>
Run Code Online (Sandbox Code Playgroud)
我尝试用图像源替换它 -
<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>
Run Code Online (Sandbox Code Playgroud)
但标题显示innerHTML而不是在那里显示图像.
有帮助吗?
我正在使用节点的http模块编写一个简单的node.js文件服务器(我没有使用EXPRESS).
我注意到我的初始GET请求正在激活,所有后续的GET请求都是针对css和javascript进行的; 但是,我没有收到关于favicon的请求.即使我查看页面检查器,我也没有任何错误,并且favicon没有显示在资源中.
HTML
// Inside the head of index.html
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
Run Code Online (Sandbox Code Playgroud)
Node.js的
http.createServer(function(req, res){
// log each req method
console.log(`${req.method} request for ${req.url}`);
}).listen(3000)
Run Code Online (Sandbox Code Playgroud)
有一个默认图标是胡子,但不是我的自定义图标.我在这里错过了什么?
以防万一与问题相关.我正在使用节点v4.2.4
编辑
我认为这与我如何阅读和提供文件有关.
if ( req.url.match(/.ico$/) ){
var icoPath = path.join(__dirname, 'public', req.url);
var fileStream = fs.createReadStream(icoPath, "BINARY");
res.writeHead(200, {"Content-Type": "image/x-icon"});
fileStream.pipe(res)
Run Code Online (Sandbox Code Playgroud)
我不应该使用读取流吗?是二进制编码还是utf-8或其他?