link标签的rel属性

<link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没有结束标签。在 XHTML 中,<link> 标签必须被正确的关闭。

除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中,target只允许在Transitional和Frameset两种DTD中使用,其它都可在Strict, Transitional和Frameset三种DTD中使用。

这些属性中,rel属性是核心,搜索引擎可以利用该属性获得更多有关链接的信息。

(1)  stylesheet -- 调用外部样式表

该属性是最常用的,用于调用样式表,如下所示:

<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />

其中href是目标文档的URL, type则规定了目标URL的MIME类型,而media规定了文档将显示在什么设备上

media: [“screen”:表示显示器设备; "print":表示打印设备;]。

(2)  icon -- 定义网站收藏夹图标

  1. <link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>
  2. <link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>

icon属性指定标题栏,地址栏,收藏栏小图标

Note: 1. IE只支持ico格式的favicon;  2. rel属性必须包含shortcut, 才会在IE下显示;3.IE下图标必须是.ico格式的,其他浏览器不用

(3) canonical -- 指明网址的规范版本

<link rel="canonical" href="http://blog.yunlives.com?page=3/" />

canonical属性用于让搜索引擎知道当前网站中的重复或相似网页中,哪一个页面才是站长想让其抓取与收录的。

(4) author -- 申明文档作者

(5) home -- 连接到站点的主页

(6)  search -- 链接到文档的搜索工具

(7) sidebar -- 链接到应该在浏览器边栏中显示的文档

(8) friend -- 友情链接

PS:原文转自:http://blog.csdn.net/chen_zw/article/details/40786425

时间: 2024-10-02 01:18:33

link标签的rel属性的相关文章

&lt;link&gt;标签的rel属性详解

<link>标签定义了当前文档与 Web 集合中其他文档的关系.link 元素是一个空元素,它仅包含属性.此元素只能存在于 head 部分,不过它可出现任何次数.在 HTML 中,<link> 标签没有结束标签.在 XHTML 中,<link> 标签必须被正确的关闭. 除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type.这些属性中,ta

link标签的rel等属性属性的作用简单介绍

link标签的rel等属性属性的作用简单介绍:大家知道通过<link>标签可以引入外部样式表,例如: <link rel="stylesheet" type="text/css" href="style.css" /> 属性解析:1.href:规定引入文件的路径.2.type:规定被链接文件的格式类型.3.rel:用来规定当前文档与被连接文档的关系.如果rel的值是stylesheet,也就是说引入的文件可以作为当前文件的

link 标签中“rel=stylesheet”的作用

最近在用link标签引入外部css文件的时候,忘记加上rel=stylesheet,结果css样式显示不出来,疑惑万分.加上这个css效果就出现了. 首先,我们要知道Link标签有两个作用:1. 定义文档与外部资源的关系:2. 是链接样式表. link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的, rel各个属性值配置的意思:              Alternate -- 定义交替出现的链接 Styl

HTML5利用link标签的rel=import引入html页面

如果是以前,我们可以使用iframe去引入,现在可以是这样的形式:<link rel="import" href="a.html" id="tmp" />,但这种形式比较新,可能存在很多兼容性问题,后续再深入使用. 参考:http://www.tuicool.com/articles/reyuYn

a link 标签的disabled属性实现disabled/enable

由于a link是disabled属性设置成true,只是颜色变灰色但是还能提交.要想不能提交,可以删除href属性: disable link [html] view plaincopy function disableLink(link) { //link.disabled = true; link.setAttribute("disabled",true); link.removeAttribute('href'); } enable link [javascript] view

使用&lt;link&gt; 标签定义浏览器标题栏小图标

使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon.png" />

html 基础之 &lt;link&gt;标签

实例 链接一个外部样式表: <head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> 在用于样式表时,<link> 标签得到了几乎所有浏览器的支持.但是几乎没有浏览器支持其他方面的用途. 定义和用法 <link> 标签定义文档与外部资源的关系. <link> 标签最常见的用途是链接样式表

在CSS中,link里 的rel=&quot;stylesheet&quot;是什么意思?

rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系:stylesheet就是样式表的意思:CSS是 Cascading Style Sheet(级联样式表)的缩写 意思是: 在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用. rel是Relations的所写 指关联到一个stylesheet(样式表单). 由于目前的CSS还不能抓取rel与re

标签中的rel属性的含义

rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系, rev是reverse link(反向链接)的英文缩写. rel, rev属性通常出现在a,link标签中.1.rel是什么rel属性通常用来描述链接之间的关系,也就是说目的地址(href) 跟源(站点)之间的关系.rel属性通常出