HTML의 rel 속성 분석-HTML 튜토리얼-php.cn

이 글은 주로 HTML의 rel 속성 분석을 소개하고 있습니다. 필요하신 분들은 참고하시면 됩니다.

몇몇 동급생이 이 글을 웨이보에서 리트윗해서 수집한 것을 발견해서 나중에 우연히 번역한 글을 다시 살펴봤습니다. 나는 w3cschools.com.cn에 이미 비슷한 중국어 번역이 있다는 것을 알았으므로 이 기사를 더욱 가치 있게 만들기 위해 계속해서 개선할 것입니다. 이 문서를 번역하려는 원래 아이디어는 http://vanessa.b3log.org/research-a-rel-value 기사에서 나왔습니다. rel 속성에 흔하지 않은 의미 체계 값이 많이 있다는 것을 발견했습니다. 원본 기사는 이러한 항목을 나열하는 데 중점을 두었습니다. 속성 값.사용 시나리오에서는 rel 속성을 이런 방식으로 이해하는 것이 매우 필요하다고 생각합니다.

예

rel 속성을 사용한 연결:

<a rel="external" href="http://www.xxoo.com/">ooxx</a>

로그인 후 복사

브라우저 지원

rel 속성은 모든 주요 브라우저에서 지원됩니다

<strong>참고:</strong>브라우저는 이를 무시합니다. 렌더링할 때 이 속성을 사용하지만 검색 엔진은 이 속성에서 더 많은 정보를 얻을 수 있습니다(a 태그는 href 속성이 존재할 때만 유효합니다). <strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

定义和使用

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

语法

<a rel="value">

로그인 후 복사

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。

属性值

值描述场景|示例 HTML4.01 HTML5

appendix 链接到文档的附录页

alternate 链接到一个备选的源(比如:打印页, 译本和镜像) head标签内配置网站的atom,feed

shortcut icon 快捷方式小图标指定标题栏,地址栏,收藏栏小图标

archives 链接到文档集或历史数据 <link rel='archives' href='http://www.ooxx.com/2012/07' />

author 链接到文档的作者 head标签内申明文档作者

canonical

权威,典范

让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的

<link rel="canonical" href="http://xxoo.com/" />

rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정합니다
rrreee
HTML 4.01과 HTML 5의 차이점

색인

새 값: 아카이브, 작성자, 북마크, 외부, 첫 번째, 색인, 마지막, 라이센스, nofollow, noreferrer, 검색, 사이드바, 태그, 위로.

td>home사이트 홈페이지에 연결<link href="http://www.ooxx.com" rel="home" /> code>first컬렉션의 첫 번째 문서에 링크<link rel="first" href="index.html"> code>start현재 문서의 첫 페이지로 링크

값	설명	시나리오\|예	HTML4.01
부록	문서의 부록 페이지 링크
대체	링크 대체 소스(예: 인쇄된 페이지, 번역 및 미러)	웹사이트의 Atom 구성, 헤드 태그에 피드
바로가기 아이콘	바로가기 아이콘	제목 표시줄, 주소 표시줄, 컬렉션 표시줄 아이콘 지정	td >
아카이브	문서 세트 또는 기록에 대한 링크 데이터	`<link rel='archives' href='http://www.ooxx.com/2012/07' />` td >
author	저자 링크 문서	head 태그에 문서 작성자를 선언합니다.
표준 `<link rel="canonical" href="http://xxoo.com/" />` canonical 속성 값은 일반적으로 rel 속성에 나타납니다. 참조 URL: http://www.xxoo.com/xhtml/rel_canonical/ 🎜canonical 기능적으로 말하면 301 영구 재설정으로 이해될 수 있습니다. 대상 접근성 🎜🎜🎜🎜canonical은 상대 또는 절대 링크와 함께 사용할 수 있지만 절대 링크를 사용하는 것이 좋습니다. 🎜🎜🎜🎜Google의 canonical 정의는 다음과 같습니다. 표준 웹 페이지는 매우 유사한 콘텐츠가 포함된 웹 페이지 집합에서 선호되는 버전입니다 🎜🎜 🎜🎜canonical: 중국어로 "모델"의 의미🎜
stylesheet	문서의 외부 스타일 시트	`<link rel="stylesheet" href="base.css">` `<link rel="stylesheet" href="base.css">`
home	连接到站点的主页	`<link href="http://www.ooxx.com" rel="home" />`
first	链接到集合中的首个文档	`<link rel="first" href="index.html">`
start	链接到当前文档的第一页	`<link rel="start" href="about:blank">`
next	链接到集合中的下一个文档	`<link rel="next" href="about:blank">`
prev	链接到集合中的前一个文档	`<link rel="chapter" href="about:blank">`
last	链接到集合中最后的文档	`<link rel="last" href="index.html">`
up	提供指向一个文档的链接。该文档提供当前文档的上下文关系
search	链接到文档的搜索工具
sidebar	链接到应该在浏览器边栏中显示的文档
contents	链接到当前文档的内容目录	一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转
index	链接到当前文档的索引
glossary	链接到当前文档术语表
copyright	链接到当前文档的版权或隐私页面	网站底部版权
chapter	从当前文档链接到一个章节
section	链接到文档列表中的一个小节
subsection	链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。）
head	链接到集合中的顶级文档
toc	链接到集合的目录
parent	链接到源上面的文档
child	链接到源下面的文档
help	链接到帮助文档	`<link rel="help" href="http://www.xxoo.net/help.html" />`


	<link rel="start" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜next🎜🎜컬렉션의 다음 문서에 연결🎜🎜<link rel="next" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜prev🎜🎜컬렉션의 이전 문서에 링크🎜🎜<link rel="chapter" href="about:blank"> /code>🎜🎜 🎜🎜 🎜🎜🎜🎜last🎜🎜컬렉션의 마지막 문서에 링크🎜🎜<link rel="last" href="index.html">🎜🎜🎜🎜🎜🎜🎜🎜up🎜🎜 문서에 대한 링크를 제공합니다. 이 문서는 현재 문서에 대한 컨텍스트를 제공합니다🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜search🎜🎜문서에 연결되는 검색 도구🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜링크는 브라우저 사이드바에 표시됩니다. 문서 🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜contents🎜🎜는 현재 문서의 콘텐츠 디렉터리에 연결되어 있으며 🎜🎜는 일반적으로 현재 페이지의 항목 간 이동을 용이하게 하기 위해 문서의 기본 콘텐츠의 사이드바에 배치됩니다. 🎜🎜 🎜🎜 🎜🎜🎜 🎜index🎜🎜현재 문서의 색인 링크🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜glossary🎜🎜현재 문서의 용어집 링크🎜🎜🎜🎜🎜🎜 🎜🎜🎜 🎜저작권🎜🎜링크 현재 문서의 저작권 또는 개인 정보 보호 페이지 🎜🎜저작권은 웹 사이트 하단에 있습니다🎜🎜🎜🎜🎜🎜🎜🎜chapter🎜🎜현재 문서의 장으로 연결🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜section🎜 🎜링크 문서 목록으로 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜🎜subsection🎜🎜의 섹션 현재 문서 목록의 하위 섹션에 대한 링크입니다. (하위 섹션에는 여러 개의 하위 섹션이 있을 수 있습니다.) 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜head🎜🎜컬렉션의 최상위 문서에 대한 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜toc🎜 🎜컬렉션 테이블 링크 내용🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜parent🎜🎜출처 위 문서에 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜child🎜🎜출처 아래 문서에 링크🎜🎜 🎜 🎜🎜🎜🎜🎜 🎜🎜help🎜🎜링크 도움말 문서로 이동 🎜🎜<link rel="help" href="http://www.xxoo.net/help.html" />🎜🎜 🎜🎜 🎜 🎜🎜🎜bookmark🎜🎜북마크로 사용되는 영구 URL🎜🎜목록 제목🎜🎜🎜🎜🎜🎜🎜🎜external🎜🎜외부 문서 링크🎜🎜External 기사에 인용된 링크🎜🎜🎜🎜 🎜🎜🎜🎜nofollow🎜 🎜유료 링크 등 승인되지 않은 문서에 대한 링크🎜Google은 "nofollow"를 사용하여 검색 스파이더가 링크를 따르지 않는다고 규정합니다	사이트의 관련 기사, 사이트의 임의 기사, 댓글 답글, 댓글, 목록 및 기사 페이지의 검색 및 작성자 링크, 사이드바의 댓글 주소 및 홈페이지 탐색 "홈" 링크, 댓글이 가장 많이 달린 기사, 가장 많이 방문한 기사
noreferrer	는 사용자가 하이퍼링크를 따라갈 때 브라우저가 HTTP 리퍼러 헤더	를 보내지 않아야 한다고 규정합니다.
license	문서 저작권 정보 링크
tag	현재 문서 태그(키워드)	Tag 사이드바의 클라우드, 기사의 태그 , 목록의 태그, 태그 페이지의 태그
friend	Sponsored	친절한 링크, 하단의 테마 by