如何在网页的标题栏中加入icon图标

来源:互联网 发布:药学专业网络教育 编辑:程序博客网 时间:2024/05/18 17:02
 
如上图所示,如何在html的<title>标签中加入icon图标。
代码如下:

<link rel = "Shortcut Icon" href="favicon.ico">

关键需要注意的是:favicon.ico必须放在网站的根目录下。。才能成功。

加上后,用火狐浏览器成功显示,但是ie却不显示,不知道是浏览器的原因,还是其他原因。。

 

by the way,

学习了一下<head>里的其他标签的使用。以下为转载内容。

一个标准的网页首先head区是需要比较规范的,head区是指首页HTML代码的两个head之间的内容。下面给大家介绍几点规范,希望能给您带来帮助。
必须加入的标签
1.公司版权注释
 

<!--- The site is designed by Maketown,Inc 06/2000 --->
2.网页显示字符集
 

简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.网页制作者信息
 

<META name="author" content="[email]webmaster@xxxxx.com[/email]">
4.网站简介
 

<META NAME="DEscriptION" CONTENT="网站简介">
5.搜索关键字
 

<META NAME="keywords" CONTENT="关键字,关键字,关键字,关键字,关键字,">
6.网页的css规范
 

<LINK href="style/style.css" rel="stylesheet" type="text/css">
 
7.网页标题
 

<title>xxxxxxxxxxxxxxxxxx</title>
 
.可以选择加入的标签
 

1).设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2).禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3).用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4).自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">指时间停留5秒。
 

8.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
 

<META NAME="robots" CONTENT="none">
 
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

9.收藏夹图标
 

<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的调用尽量采取外部调用.如:
<script LANGUAGE="javascript" SRC="script/xxxxx.js"></script>

附<body>标签:
<body>标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景
<body bgcolor="#FFFFFF">


本文原始链接:http://www.jbxue.com/article/9180.html

 

0 0
原创粉丝点击