HTML_HTML/Xhtml_Web 페이지 제작 시 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属性存在时有效)。

정의 및 사용

rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정합니다

문법

<a rel="value">

HTML 4.01과 HTML 5의 차이점

삭제된 값: 부록, 장, 목차, 저작권, 용어집, 색인, 섹션, 시작, 하위 섹션.

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

속성 값 하단

가치	설명	시나리오|예	HTML4.01	HTML5
부록	문서 부록 페이지 링크
대체	대체 소스 링크(예: 인쇄된 페이지, 번역, 거울)	head 태그에서 웹사이트의 Atom 및 피드를 구성합니다
바로가기 아이콘	바로가기 아이콘	제목 표시줄, 주소 표시줄, 즐겨찾기 표시줄에 작은 아이콘 지정
아카이브	문서 세트 또는 기록 데이터 링크	<link rel='archives' href='http://www.ooxx.com/2012/07' />
작가	문서 작성자 링크	head 태그에 문서 작성자를 선언하세요
표준	권위, 모델	현재 웹사이트의 중복되거나 유사한 웹페이지 중 어느 페이지가 웹마스터가 크롤링하고 포함하기를 원하는 페이지인지 검색 엔진에 알립니다. <link rel="canonical" href="http://xxoo.com/" /> 표준 속성 값은 일반적으로 rel 속성에 나타납니다 인용 URL: http://www.xxoo.com/xhtml/rel_canonical/ Canonical은 기능적인 관점에서 301 영구 리디렉션의 보조 기능으로 이해될 수 있습니다 canonical은 상대 또는 절대 링크와 함께 사용할 수 있지만 절대 링크를 권장합니다 Google의 표준 정의는 다음과 같습니다. 표준 웹페이지는 콘텐츠가 매우 유사한 웹페이지 그룹에서 선호되는 버전입니다. canonical: 중국어로 "모델"의 의미
스타일시트	문서의 외부 스타일 시트	<link rel="stylesheet" href="base.css">
집	사이트 홈페이지에 접속	<link href="http://www.ooxx.com" rel="home" />
먼저	컬렉션의 첫 번째 문서 링크	<link rel="first" href="index.html">
시작	현재 문서의 첫 페이지로 링크	<link rel="start" href="about:blank">
다음	컬렉션의 다음 문서 링크	<link rel="next" href="about:blank">
이전	컬렉션 내 이전 문서 링크	<link rel="chapter" href="about:blank">
마지막	컬렉션의 마지막 문서 링크	<link rel="last" href="index.html">
위로	문서에 대한 링크를 제공합니다.이 문서는 현재 문서에 대한 컨텍스트를 제공합니다
검색	문서에 연결된 검색 도구
사이드바	브라우저 사이드바에 표시되어야 하는 문서에 대한 링크
내용	현재 문서의 목차 링크	현재 페이지의 주제 간 이동을 용이하게 하기 위해 일반적으로 문서의 기본 콘텐츠 사이드바에 배치됩니다.
색인	현재 문서의 색인 링크
용어집	현재 문서 용어집 링크
저작권	현재 문서의 저작권 또는 개인정보 보호 페이지 링크	저작권은 홈페이지 하단에 있습니다
장	현재 문서의 장에 대한 링크
섹션	문서 목록의 하위 섹션 링크
하위 섹션	현재 문서 목록의 하위 섹션에 대한 링크입니다. (한 섹션에 여러 개의 하위 섹션이 있을 수 있습니다.)
머리	컬렉션의 최상위 문서 링크
톡	컬렉션 목차 링크
부모	위 소스 문서 링크
아이	소스 아래 문서 링크
도움말	도움말 문서 링크	<link rel="help" href="http://www.xxoo.net/help.html" />
북마크	북마크로 사용할 영구 URL	목록 제목
외부	외부 문서 링크	기사에 인용된 외부링크
팔로우 안함	유료 링크 등 승인되지 않은 문서에 대한 링크 Google은 "nofollow"를 사용하여 검색 스파이더에게 링크를 따르지 않도록 지시합니다	사이트의 관련 기사, 사이트의 임의 기사, 댓글 답글, 댓글, 목록 및 기사 페이지의 찾아보기 및 작성 링크, 사이드바의 댓글 주소, 홈페이지 탐색의 "홈" 링크, 가장 많이 포함된 기사 댓글, 최다 방문 기사
추천자 없음	사용자가 하이퍼링크를 따라갈 때 브라우저가 HTTP 리퍼러 헤더를 보내지 않도록 지정합니다
라이센스	문서 저작권 정보 링크
태그	현재 문서 태그(키워드)	사이드바의 태그 클라우드, 기사의 태그, 목록의 태그, 태그 페이지의 태그
친구	후원	친절한 링크, 테마별

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

참조하다

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 표준 속성 값

링크 태그의 rel 속성의 의미

rel="canonical"(google 웹마스터 도구) 정보