星空网 > 软件开发 > 网页设计

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:原文转自

原标题:link标签的rel属性

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

拉闸限电,海运跳水,低价内卷下哪种卖家将笑到最后?:https://www.goluckyvip.com/news/5289.html
惊闻亚马逊美国仓库起火,各路卖家喜忧参半,且看咋回事?:https://www.goluckyvip.com/news/529.html
Shopee物流成本计算,Shopee物流费要多少:https://www.goluckyvip.com/news/5290.html
Shopee发货:Shopee如何修改收货地址?:https://www.goluckyvip.com/news/5291.html
Shopee巴西、墨西哥等拉美市场备战11.11日历:https://www.goluckyvip.com/news/5292.html
旺季来袭,亚马逊卖家怎能让物流拖后腿?:https://www.goluckyvip.com/news/5293.html
去日本入住酒店,东西随意用却有一个特殊“要:https://www.vstour.cn/a/411241.html
中国有哪些著名的酒店品牌。:https://www.vstour.cn/a/411242.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流