HTML中rel属性分析_HTML/Xhtml_网页制作

php中文网

发布时间：2016-05-16 16:36:28

1791人浏览过

来源于php中文网

原创

由于发现有同学在微博转播和收藏这篇文章,所以回头来再审视下这篇随性翻译的文章,后来发现w3cschools.com.cn已经有了对照的中文译文,所以这里我就继续完善下这篇文章吧,让它显得更有价值点。最初想到翻译这篇文档源于http://vanessa.b3log.org/research-a-rel-value这篇文章,发现rel属性拥有非常多不常见的语义化值,原文着重是想列举这些属性值的使用场景,觉得非常有必要通过这样的方式来了解rel属性。

示例

带有rel属性的连接:

ooxx

浏览器支持

rel属性在所有主流浏览器都得到了支持

立即学习“前端免费学习笔记（深入）”；

注:浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

定义和使用

rel属性指定了当前文档和被连接文档之间的关系

语法

HTML 4.01 与 HTML 5 之间的差异

已删除的值：appendix, chapter, contents, copyright, glossary, ~~index~~, section, start, subsection。

新的值：archives, author, bookmark, external, first, ~~index~~, last, license, nofollow, noreferrer, search, sidebar, tag,up。

艾绘

艾绘：一站式绘本创作平台，AI智能绘本设计神器！

下载

属性值

值	描述	场景\|示例
appendix	链接到文档的附录页
alternate	链接到一个备选的源(比如:打印页, 译本和镜像)	head标签内配置网站的atom,feed
shortcut icon	快捷方式小图标	指定标题栏,地址栏,收藏栏小图标
archives	链接到文档集或历史数据
author	链接到文档的作者	head标签内申明文档作者
canonical	权威,典范	让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的 canonical属性值通常在，rel属性中出现引用网址:http://www.xxoo.com/xhtml/rel_canonical/ canonical从功能上来讲，可理解为301永久重定向的辅助功能 canonical可以与相对链接或绝对链接一起使用，但是建议使用绝对链接 Google对canonical的定义是：规范网页是一组内容高度相似的网页的首选版本 canonical：中文"典范"的意思
stylesheet	文档的外联样式表
home	连接到站点的主页
first	链接到集合中的首个文档
start	链接到当前文档的第一页
next	链接到集合中的下一个文档
prev	链接到集合中的前一个文档
last	链接到集合中最后的文档
up	提供指向一个文档的链接。该文档提供当前文档的上下文关系
search	链接到文档的搜索工具
sidebar	链接到应该在浏览器边栏中显示的文档
contents	链接到当前文档的内容目录	一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转
index	链接到当前文档的索引
glossary	链接到当前文档术语表
copyright	链接到当前文档的版权或隐私页面	网站底部版权
chapter	从当前文档链接到一个章节
section	链接到文档列表中的一个小节
subsection	链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。）
head	链接到集合中的顶级文档
toc	链接到集合的目录
parent	链接到源上面的文档
child	链接到源下面的文档
help	链接到帮助文档
bookmark	用作书签的永久 URL	列表标题
external	链接到外部文档	文章中引用到的外部连接
nofollow	链接到未认可的文档，比如付费链接 Google 使用 "nofollow" 来规定其搜索蜘蛛不跟踪该链接	站内相关文章，站内随机文章，评论回复，列表及文章页面中的评论、浏览和作者链接，侧边栏的评论地址，首页导航中的“首页”链接，评论最多文章，访问最多文章
noreferrer	规定当用户跟随该超链接时，浏览器不应发送 HTTP referer 头
license	链接到文档的版权信息
tag	当前文档标签（关键词）	侧边栏中的标签云，文章中的标签，列表中的标签，标签页面的标签
friend	赞助	友情链接，底部的 themes by

由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!

参考

http://www.w3schools.com/TAGS/att_a_rel.asp

http://vanessa.b3log.org/research-a-rel-value

http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp

不得不提一下的rel-author 标签

HTML rel canonical 属性值

link标签rel 属性的含义

关于 rel="canonical"(google 网站站长工具)

为什么 outerHTML 无法保留绑定的事件监听器？

html5布局代码圣杯布局原理_html5布局代码圣杯布局解析【原理】

ios怎样调用html5日期选择器_ios调用html5日期控件法【步骤】

ios怎样调用html5文件上传_ios调用html5上传教程【步骤】

html5可视化编辑怎么实现侧边栏_html5可视化侧边栏制作法【方案】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关专题

俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总，涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

178

2026.01.28

包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口，涵盖备用域名、正版无广告链接及多端适配地址，助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

2026.01.28

ao3中文版官网地址大全

AO3最新中文版官网入口合集，汇总2026年主站及国内优化镜像链接，支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

2026.01.28

php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程，助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

2026.01.28

php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

2026.01.28

Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用，涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理，以及在高并发系统中的异步解耦设计。通过实战案例，帮助学习者掌握使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

2026.01.28

Python 自然语言处理（NLP）基础与实战

本专题系统讲解 Python 在自然语言处理（NLP）领域的基础方法与实战应用，涵盖文本预处理（分词、去停用词）、词性标注、命名实体识别、关键词提取、情感分析，以及常用 NLP 库（NLTK、spaCy）的核心用法。通过真实文本案例，帮助学习者掌握使用 Python 进行文本分析与语言数据处理的完整流程，适用于内容分析、舆情监测与智能文本应用场景。

2026.01.27