HTML rel 属性

最新推荐文章于 2024-04-18 21:56:53 发布
最新推荐文章于 2024-04-18 21:56:53 发布
阅读量140 收藏 2
点赞数 1
分类专栏： html 文章标签： HTML 浏览器 搜索引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_573/article/details/81721012
版权
rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系.
rel属性通常出现在a,link标签中
属性值
alternate -- 定义交替出现的链接
appendix -- 定义文档的附加信息
bookmark -- 书签
chapter -- 当前文档的章节
contents
copyright -- 当前文档的版权
glossary -- 词汇
help -- 链接帮助信息
index -- 当前文档的索引
next -- 记录文档的下一页.(浏览器可以提前加载此页)
nofollow -- 不被用于计算PageRank
prev -- 记录文档的上一页.(定义浏览器的后退键)
section -- 作为文档的一部分
start -- 通知搜索引擎,文档的开始
stylesheet -- 定义一个外部加载的样式表
subsection -- 作为文档的一小部分
rel是relationship的英文缩写.


rel与rev属性相同,它们都是属于LinkTypes属性.
rel与rev具有互补的作用,rel指定了向前链接的关系,rev指定了反向链接的关系.
iteye_573
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML link标记的rel属性
12-14
除了HTML的标准通用属性之外，link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中，target只允许在Transitional和Frameset两种DTD中使用，其它都可在Strict, ...
HTML中rel属性值的作用
emkyo_rui的博客
10-15 6087
rel属性，描述的是当前页面与href所指定文档的关系，rel属性通常用来描述链接之间的关系，也就是说目的地址(href) 跟源（站点）之间的关系rel是relationship的英文缩写。rel属性通常出现在a标签和link标签中。 rel的属性值有 stylesheet -- 定义一个外部加载的样式表 alternate -- 定义交替出现的链接 appendix -- 定义文档的附加信息 copyright-- 当前文档的版权 help-- 链接帮助信息 index-- 当前文档的...
解析HTML中的rel属性：探索HTML和XHTML网页制作
TdMaster的博客
10-03 804
通过合理使用rel属性，我们可以优化网页的样式、图标显示，改善搜索引擎优化，提供更好的用户体验等。本文介绍了rel属性的基本概念和常见取值，并提供了相应的源代码示例，希望能对你在网页制作中的实践有所帮助。rel属性是HTML和XHTML中的一项重要属性，用于定义与当前元素相关的关系或链接。本文将详细介绍rel属性的使用方法和常见取值，并提供相应的源代码示例。在使用rel属性时，建议参考相关的规范和文档，以确保正确使用和理解各个取值的含义。rel属性的取值是一个关键词列表，用空格分隔多个取值。
Web开发：rel属性作用
最新发布
2302_79730293的博客
04-18 328
Web开发：rel属性作用
html语言 rel标签,HTML5中的rel属性
weixin_34900470的博客
05-31 2345
rel 属性规定当前文档与被链接的url(使用href=""指定)之间的关系仅标签中使用的rel值：stylesheet：调用外部样式表，用于链接css样式表icon：指定标题栏,地址栏,收藏栏小图标，rel="shortcut icon" 为了兼容IE，必须包含shortcut才会在IE下显示，IE只支持ico格式canonical：指明网址的规范版本,用于让搜索引擎知道当前网站中的重复或相似网...
HTML中rel属性详解
11-26 3136
HTML中rel属性详解 由于发现有同学在微博转播和收藏这篇文章,所以回头来再审视下这篇随性翻译的文章,后来发现w3cschools.com.cn已经有了对照的中文译文,所以这里我就继续完善下这篇文章吧,让它显得更有价值点。最初想到翻译这篇文档源于http://vanessa.b3log.org/research-a-rel-value这篇文章,发现rel属性拥有非常多不常见的语义化值,原文
rel（HTML属性）
culh2177的博客
08-13 1172
描述 (Description) The rel attribute defines the relationship that the linked resource has to the document from which it’s referenced. In most cases, this resource will simply be “stylesheet“, which me...
HTML中rel属性分析
12-13
.y { background: url(//files.jb51.net/images/o_y.png) no-repeat center; } .n { background: url(//files.jb51.net/images/o_n.png) no-...最初想到翻译这篇文档源于http://vanessa.b3log.org/research-a-rel
解析HTML中rel=“nofollow”的作用及rel属性的使用
09-28
主要介绍了HTML中rel=“nofollow”的作用及rel属性的使用,rel=“noflow"被用于告诉爬虫不跟踪此链接,在SEO中经常用到,需要的朋友可以参考下
HTML中的a标签的rel属性
02-14
HTML中的address标签
HTML中的＜link＞标签的rel是什么
m0_59834108的博客
08-06 7974
如有错误欢迎指正 在使用link标签引入css样式的时候，标签中写着rel="stylesheet"，那这个rel起啥作用。 rel是relationship的英文缩写，意思是“关系”； stylesheet中style是“样式”的意思,sheet是”表格“，加起来是样式表的意思； href连接的文档是一个新样式表。 我的理解是，rel相当于是一个标识，告诉别人这个link要连接的是一个样式表 ...
html css rel,css中rel什么意思？
weixin_28996083的博客
06-27 1369
rel是在调用外部css样式时用于定义连接的css文件和HTML文档之间关系的属性。在html文档导入外部css样式时rel属性必不可少。HTML连接外部css样式的几种属性：rel: 属性用于定义连接的文件和HTML文档之间的关系type: 是说明外链文档的的类型href: 导入css文件的路径备注:导入css文件 前面两个属性不需要改 就只需改 href 对应的CSS文件路径 标签 一般都放在...
html中link的rel属性,htmllink标签rel属性15种用法汇总!stylesheet须牢记
weixin_42565971的博客
06-04 3968
htmllink标签rel属性15种用法汇总!stylesheet须牢记2021/02/23 丨 文章来源：思程前端 | 文章作者：haishishebudewo 丨 浏览次数：市面上所有的主流浏览器，都支持link标签，包括ie低版本，虽然link标签是空元素，没有结束标签，但作用很大，主要用法在于link标签rel属性，其属性值分为15种，也就是15种用法，而tylesheet须牢记，具体讲解...
HTML中rel属性
a240856742的博客
05-30 164
由于发现有同学在微博转播和收藏这篇文章,所以回头来再审视下这篇随性翻译的文章,后来发现w3cschools.com.cn已经有了对照的中文译文,所以这里我就继续完善下这篇文章吧,让它显得更有价值点。最初想到翻译这篇文档源于http://vanessa.b3log.org/research-a-rel-value这篇文章,发现rel属性拥有非常多不常见的语义化值,原文着重是想列举这些属性值...
HTML rel属性的作用
我爱吃大饼
11-16 1万+
rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship的英文缩写. rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系, rel是reverse link的英文缩写. rel属性通常出现在a,link标签中。 　１、rel是什么 　　rel属性通常用来描
<link> rel属性详解
yangxueyong的专栏
06-02 756
HTML rel 属性 &lt;!-- start content --&gt; rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系. rel属性通常出现在a,link标签中 属性值 alternate -- 定义交替出现的链接 appendix -- 定义文档的附加信息 bookmark -- 书签 chapter -- 当前文档的章节...
HTML 中的rel 用法
Michelle
08-03 9097
我们就来认识一下rel。其实不只有一个rel还有一个与之对应的属性叫rev，这两个属性的意思分别是：从源文档到目标文档的关系；从目标文档到源文档的关系。这里的源文档可以理解为链接所处在的当前文档，而目标文档也就是这个链接将要打开的文档。这下我们应该清楚了，其实rel与rev是一种文档之前的链接关系，而并非是与浏览器相关的如何显示目标文档的属性。那么rel与rev有哪些关系呢？下面将一一列取并解释其
<link>标签的rel属性详解
热门推荐
雾里看花
11-08 2万+
标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确的关闭。 除了HTML的标准通用属性之外，link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target,
link标签的rel属性
06-01
link 标签的 rel 属性用于指定当前文档与被链接文档之间的关系，通常用于引入外部资源，如 CSS 文件、图标、字体等。rel 属性的值是一个关键字，用于说明两个文档之间的关系。 以下是一些常用的 rel 属性值： - stylesheet：指定当前文档与被链接文档之间的关系是样式表。用于引入外部 CSS 文件。 - icon：指定当前文档与被链接文档之间的关系是图标。用于引入网站图标。 - preload：指定当前文档预加载被链接文档中的资源，以提高用户访问速度。 - alternate：指定当前文档是一个替代版本，可以提供另一种语言或格式的版本。 - author：指定当前文档的作者信息，用于链接到作者的个人主页或社交媒体页面。 例如，以下是一个使用 rel 属性引入外部 CSS 文件的示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Web Page</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- 此处为 HTML 文档的主体内容 --> </body> </html> ``` 在这个示例中，rel 属性的值为“stylesheet”，指定当前文档与被链接文档之间的关系是样式表，用于引入外部 CSS 文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值