HTML中的<link />标记示例使用不同的&#39; rel&#39;属性?

时间:2013-03-26 08:44:06

标签: html html5 xhtml

有人可以提供具有不同“rel”属性值的HTML <link>标记的有意义示例吗?

除了“rel”属性的可能值解释之外,是否有不同值的实际用途(样式表值除外)?

5 个答案:

答案 0 :(得分:4)

要获得一些有用的示例,我建议您查看:http://www.w3.org/TR/html4/struct/links.html

这看起来像是一个非常简洁,稍微容易导航的w3版本:http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#rel-alternate

答案 1 :(得分:2)

除了link之外,rel=stylesheet元素没有那么多有意义的现实例子。可能会使用各种rel值列表,其中包含浏览器或搜索引擎可能可能的定义和概念,但这些使用的实际证据很少。但是在某些情况下具有实际效果的一些元素是:

<link rel=icon ...>定义页面的快捷方式图标;浏览器和作者用户广泛认可

Google instructions中描述了

<link rel=alternate ...>,因此Google可能会对此做些什么

other Google instructions

中建议

<link rel=canonical ...>

<link rel=prefetch ...>会导致在某些浏览器中预先加载引用的页面

答案 2 :(得分:0)

http://reference.sitepoint.com/html/link/rel他们陈述

  

“alternate”属性值也可以在XML的上下文中使用   提供,即RSS或Atom,用类型表示   属性

此外,使用rel =“first | last | prev | next”的网站导航应该使导航更容易,例如由特定的firefox扩展(https://addons.mozilla.org/de/firefox/addon/site-navigation-bar/?src=search)使用。

答案 3 :(得分:0)

我只知道'icon'值,您可以设置浏览器标签上显示的HTML页面的pavicon,使用:

<link rel="icon" type="icon" href="path/to/youricon.ico" />

希望有用:http://www.w3schools.com/tags/att_link_rel.asp

答案 4 :(得分:0)

例子:

&lt; link rel =“stylesheet”href =“style.css”&gt;
&lt; link rel =“icon”href =“image.png”&gt;
&lt; link itemprop =“URL”href =“http:// ...”&gt;
&lt; link rel =“next”href =“page3.php”&gt;
&lt; link rel =“author license”href =“author_license.php”&gt;
&lt; link rel =“icon”href =“favicon.png”&gt;

更多示例:link elementrel attribute on link element