이 기사는 주로 HTML의 REL 속성 분석을 소개합니다. 필요한 친구는 그것을 참조 할 수 있습니다.
일부 반 친구들이 Weibo 에서이 기사를 방송하고 수집한다는 것을 알게 되었으므로이 자연스럽게 번역 된 기사를 되돌아 보았습니다. 나중에 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 속성은 모든 주류 브라우저에서 지원됩니다
注:浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
Rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정합니다.
문법 <a rel=value>
삭제 된 값 : 부록, 장, 내용, 저작권, 용어집, 색인 , 섹션, 시작, 하위 섹션.
새로운 가치 : 아카이브, 저자, 북마크, 외부, 우선, 색인 , 마지막, 라이센스, nofollow, noreferrer, 검색, 사이드 바, 태그, UP.
| 값 | 설명하다 | 시나리오 | 예 | html4.01 | html5 |
|---|---|---|---|---|
| 충수 | 문서의 부록 페이지에 링크 | |||
| 바꾸다 | 대체 소스에 대한 링크 (예 : 인쇄 페이지, 번역 및 거울) | 헤드 태그에서 원자, 웹 사이트 피드 구성 | ||
| 바로 가기 아이콘 | 바로 가기 아이콘 | 제목 표시 줄, 주소 표시 줄, 좋아하는 바 아이콘을 지정하십시오 | ||
| 아카이브 | 문서 세트 또는 과거 데이터에 대한 링크 | <link rel='archives' href='http://www.ooxx.com/2012/07' /> | ||
| 작가 | 문서의 저자에 대한 링크 | 헤드 태그에 문서 작성자를 선언하십시오 | ||
| 표준 | 권위 있고 모범 | 검색 엔진은 웹 마스터가 크롤링하고 <link rel=canonical href=http://xxoo.com/ />
| ||
| 스타일 시트 | 문서에 대한 봉사 활동 스타일 시트 | <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> | ||
| 위로 | 문서에 대한 링크를 제공합니다. 이 문서는 현재 문서의 상황에 맞는 관계를 제공합니다. | |||
| 찾다 | 문서 링크를위한 검색 도구 | |||
| 사이드 바 | 브라우저 사이드 바에 나타나야하는 문서 링크 | |||
| 내용물 | 현재 문서의 컨텐츠 디렉토리에 링크 | 일반적으로 현재 페이지의 주제 사이의 점프를 용이하게하기 위해 문서의 기본 내용의 사이드 바에 배치됩니다. | ||
| 색인 | 현재 문서의 색인에 연결됩니다 | |||
| 어휘 | 현재 문서 용어집에 대한 링크 | |||
| 저작권 | 현재 문서의 저작권 또는 개인 정보 보호 페이지 링크 | 웹 사이트 하단의 저작권 | ||
| 장 | 현재 문서의 장에 링크 | |||
| 부분 | 문서 목록의 섹션에 링크 | |||
| 일부 | 현재 문서 목록의 하위 섹션 링크. (한 섹션에는 여러 하위 섹션이있을 수 있습니다.) | |||
| 머리 | 컬렉션의 최상위 문서로 연결됩니다 | |||
| TOC | 컬렉션에 연결된 디렉토리 | |||
| 조상 | 소스 위의 문서에 대한 링크 | |||
| 어린이 | 소스 아래 문서에 링크 | |||
| 돕다 | 문서를 돕기위한 링크 | <link rel=help href=http://www.xxoo.net/help.html /> | ||
| 서표 | 북마크로 사용되는 영구 URL | 목록 제목 | ||
| 외부 | 외부 문서에 링크 | 이 기사에서 인용 된 외부 연결 | ||
| nofollow | 유료 링크와 같은 무단 문서에 대한 링크 Google은 Nofollow를 사용하여 Search Spider가 링크를 추적하지 않음을 규정합니다. | 사이트의 관련 기사, 사이트의 랜덤 기사, 목록 및 기사 페이지의 텔레비전 링크, 홈페이지 내비게이션의 홈페이지 링크, 홈페이지 링크, 가장 많은 의견이있는 기사 및 액세스가 가장 많은 기사 | ||
| Noreferrer | 사용자가 하이퍼 링크를 따라 가면 브라우저가 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 저자 태그
HTML Rel Canonical Property Value
링크 태그 rel 속성의 의미
rel = canonical (Google 웹 마스터 도구) 정보