icon指一个图示,通常是一类档案型别的图示 logo指一个徽标,通常是一个组织或一个团队或一个网站的标志
icon:图示;图符;圣像;肖像;
logo:(某公司或机构的)标识;标志;徽标
所有的图示都叫icon,但不是所有的图示都是logo,logo是一种有特定标识意义的图示,比如说公司的标识,比如说产品的标识。
apple-touch-icon 可以了解到这是一个类似网站favicon的图示档案,用来在iphone和ipod上建立快捷键时使用。
这个档案应当是png格式,57x57画素大小,放在网站根目录之下。
如果准备的档案不是57x57的话,它会自己缩放的。
在页面的head部分,用下面的格式表示。
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
�0�2
语句一:<link rel="shortcut icon " href="favicon.ico" />
语句二<link rel="icon" href="animated_favicon.gif" type=image/gif />
备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon
问题:语句二 icon的作用是怎么?和语句一有什么区别 ?
指导
过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。
下列程式码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文件上。为避免这一点,favicon.ico档案应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML程式码:
CO
DE:
然而,只有第一行是必须的,因为“shortcut icon”字串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);而Inter Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此程式码。只有当希望为新浏览器提供另一种备用影象(例如动画GIF)时,才有必要新增第二行。
在HTML中,link元件必须在head元件里(在<head>和</head>之间)。
对于XHTML,link必须使用“ />”结束(或“></link>”),而不可以使用“>”结束。
href可以,但不必,指向/favicon.ico的位置。它可以指向任何URL。
影象通常可以使用任何被浏览器支援的影象格式。
.ico档案格式通常可以被所有可以显示favicon的浏览器读取。
设定伺服器 ,以传送正确的MIME标识:
ICO 档案 image/vnd.microsoft.icon(或者亦可出于相容性原因使用image/x-icon。然而最好使用IANA注册的MIME型别,因为多数主流浏览器现在支援它)
GIF 档案 image/gif
PNG 档案 image/png
使用适当的解析度和色深。
ICO:包括多种解析度(最常使用的是16×16和32×32,Mac OS X有时使用64×64和128×128)以及位深(位元每画素)(多数使用4、8、24 bpp,即16、256和1600万色)。
GIF: 使用16×16,256色。
PNG: 使用16×16,256色或24位。
注意: 当favicon.ico被置于文件根目录时,将会被一些不处理link元件的浏览器找到,即使没有您的站点上没有指向它的连结。
标准化
Favicon功能最早由微软创设,而微软公司的Inter Explorer网页浏览器会对每一个网站都请求favicon。微软支援的link标签不遵从World Wide Web Consortium(W3C,全球资讯网联盟)的HTML建议[1],因为:
rel属性必须包含一个用空格作分隔符的link型别的列表,所以一个包含两词的link型别不能被遵守标准的浏览器理解。
“.ico”档案型别(一种用于Microsoft Windows上图示的光栅格式)没有一个注册的MIME型别,而且似乎在当时也不能被多数浏览器理解。然而2003年,这一格式在IANA获得注册,其 MIME型别是image/vnd.microsoft.icon,进而消除了此问题的第一部分。
在网站上使用保留地址(reserved location)与Architecture of the World Wide Web(网际网路的结构)矛盾,同时被认为是link squatting(连结劫持)或URI squatting(URI劫持)。
Mozilla浏览器通过一种遵从Web标准的方法添加了对favicon的支援。它采用rel="icon"并允许网路设计人员新增任何支援的影象格式 的favicon。例如<link rel="icon" type=image/png href="/path/image.png">。后来鉴于此功能将被用于所有新内容,多数浏览器都对此功能增加了支援。
icon
名词 n.
1.画像,雕像;塑像
2.【电脑】代表所指谓的影象
3.圣像
4.偶像
idol
1偶像
2.受崇拜之人(或物);红人,宠儿
icon 英['aɪkɒn] 美[ˈaɪˌkɑn]
n. 偶像,崇拜物件;图示,图符;[宗]圣像;肖像
名词复数:icons,icones
[例句]Clicking the icon launches gmail in its own window.
点选这个图示可以在独立的视窗开启gmail。
button 英['bʌtn] 美[ˈbʌtn]
n. 按钮,电钮;钮扣,扣子;扣状物;[植]芽
vt. 用钮扣扣紧;用钮扣装饰,钉钮扣于;在…上装钮扣
vi. 扣住;装有钮扣;扣上钮扣
[例句]Do we really need a search button any more?
我们真的还需要一个搜寻按钮吗?
这个应该不限于是安卓中吧
应该就是语言上的区别。
this 是:这个
that 是:那个
<link rel="shortcut icon" href=":example./favicon.ico"type="image/vnd.microsoft.icon"> <link rel="icon"href=":example./favicon.ico" type=image/vnd.microsoft.icon>
建议包含上面两行HTML程式码,可以支援ico格式的图示
然而,只有第一行是必须的,因为“shortcut icon”字串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);而Inter Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此程式码。只有当希望为新浏览器提供另一种备用影象(例如动画GIF)时,才有必要新增第二行。
在HTML中,link元件必须在head元件里(在<head>和</head>之间)。
对于XHTML,link必须使用“ />”结束(或“></link>”),而不可以使用“>”结束。
href可以,但不必,指向/favicon.ico的位置。它可以指向任何URL。
影象通常可以使用任何被浏览器支援的影象格式。
.ico档案格式通常可以被所有可以显示favicon的浏览器读取。
设定伺服器,以传送正确的MIME标识:
ICO 档案 image/vnd.microsoft.icon(或者亦可出于相容性原因使用image/x-icon。然而最好使用IANA注册的MIME型别,因为多数主流浏览器现在支援它)
GIF 档案 image/gif
PNG 档案 image/png
使用适当的解析度和色深。
ICO:包括多种解析度(最常使用的是16×16和32×32,Mac OS X有时使用64×64和128×128)以及位深(位元每画素)(多数使用4、8、24 bpp,即16、256和1600万色)。
GIF: 使用16×16,256色。
PNG: 使用16×16,256色或24位。
注意:当favicon.ico被置于文件根目录时,将会被一些不处理link元件的浏览器找到,即使没有您的站点上没有指向它的连结。
标准化
Favicon 功能最早由微软创设,而微软公司的Inter Explorer网页浏览器会对每一个网站都请求favicon。微软支援的link标签不遵从World Wide Web Consortium(W3C,全球资讯网联盟)的HTML建议[1],因为:
rel属性必须包含一个用空格作分隔符的link型别的列表,所以一个包含两词的link型别不能被遵守标准的浏览器理解。
“.ico”档案型别(一种用于Microsoft Windows上图示的光栅格式)没有一个注册的MIME型别,而且似乎在当时也不能被多数浏览器理解。然而2003年,这一格式在IANA获得注册,其 MIME型别是image/vnd.microsoft.icon,进而消除了此问题的第一部分。
在网站上使用保留地址(reserved location)与Architecture of the World Wide Web(网际网路的结构)矛盾,同时被认为是link squatting(连结劫持)或URI squatting(URI劫持)。
Mozilla 浏览器通过一种遵从Web标准的方法添加了对favicon的支援。它采用rel=”icon”并允许网路设计人员新增任何支援的影象格式的 favicon。例如<link rel=”icon” type=”image/png” href=”/path/image.png”>。后来鉴于此功能将被用于所有新内容,多数浏览器都对此功能增加了支援。
为了更好的应用于各个地方,最好使用标准化方式,经过测试除IE6浏览器只支援icon格式的图示,新的浏览器对所有格式的浏览器都支援的不错