您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

<link>标签的rel属性详解

2024/4/16 3:27:39发布13次查看
2cdf5bf648cf2f33323966d7f58a7f3f标签定义了当前文档与 web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 html 中,2cdf5bf648cf2f33323966d7f58a7f3f 标签没有结束标签。在 xhtml 中,2cdf5bf648cf2f33323966d7f58a7f3f 标签必须被正确的关闭。
除了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 -- 定义网站收藏夹图标
<link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/> <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) canonical -- 指明网址的规范版本
<link rel="canonical" href="http://blog.yunlives.com?page=3/" />
canonical属性用于让搜索引擎知道当前网站中的重复或相似网页中,哪一个页面才是站长想让其抓取与收录的。
(4) author -- 申明文档作者
(5) home -- 连接到站点的主页
(6)  search -- 链接到文档的搜索工具
(7) sidebar -- 链接到应该在浏览器边栏中显示的文档
(8) friend -- 友情链接
参考链接:
http://www.cnblogs.com/and1coder/archive/2012/05/30/2526359.html
http://www.dreamdu.com/xhtml/attribute_rel/
http://www.w3school.com.cn/jsref/prop_anchor_rel.asp
以上就是<link>标签的rel属性详解的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product