일반적으로 링크 관계 ( "Rel"속성)를 사용합니까?

StackOverflow https://stackoverflow.com/questions/850482

문제

나는보다 표준 기반, 접근 가능하며 의미 적으로 정의 된 웹 개발 접근법으로 나아가고 싶어합니다. 사무실에서는 곧바로 큰 변화가있을 것으로 기대하지는 않지만 트랙을 더욱 발전시키기위한 기본 기초 중 일부를 내려 놓으려고 노력하고 있습니다.

이 과정의 일부는 다음과 같습니다 rel 링크 및 기타 컨텐츠의 속성. 이것은 친숙한 옛 것보다 더 확장됩니다

<link href="mystyles.css" type="text/css" rel="stylesheet" />

많은 개발자들이 생각조차하지 않고 던질 것입니다. 누군가가 사용하는지 궁금합니다 rel 다른 방법으로 정기적으로. 예를 들어, 기본 탐색의 링크를 rel="start".

자신의 프로젝트에서 링크 관계를 구현 한 경우,이 프로젝트를 채택하게 된 것은 무엇이며 어떤 이점을 실현하려고 했습니까?

링크 관계를 살펴 보았지만 사용에 반대하여 결정의 기초는 무엇입니까?

도움이 되었습니까?

해결책

나는 자주 사용한다 rel (그리고 rev) 둘 다에 광범위한 값이있는 속성 <link/> 그리고 <a/> 집단.

아래의 더 일반적인 (그리고 더 유용한) 관계 유형 중 일부를 설명했습니다. 더 완전한 목록 rel 값은 마이크로 포트 위키.

HTML 4

HTML 4 사양에 의해 정의 된 몇 가지 표준 링크 유형이 있습니다.

  • alternate - 예를 들어 다른 언어 또는 다른 형식으로 HTML 문서의 대체 버전에 대한 링크를 제공 할 때 사용됩니다. 웹 사이트의 신디케이트 (RSS 또는 Atom) 버전에 링크 할 때 가장 일반적으로 사용됩니다.
  • next 그리고 previous - 일련의 문서에 다음 문서와 이전 문서를 표시하는 데 사용됩니다. 만약에 rel="next" A에서 사용됩니다 <link/> 요소 그러면 일부 브라우저는 링크 된 문서의 내용을 사전 가져옵니다 ( MDC 링크 프리 페치 FAQ).

xfn

XFN (XHTML Friends Network)은 a 마이크로 형식 웹 페이지로 표시되는 사람들 간의 관계를 설명하는 데 사용됩니다. 또한 페이지가 같은 사람을 나타내는 다른 페이지를 표시 할 수 있습니다 (예 : 내 블로그, 트위터 프로필 및 스택 오버플로 프로필은 모두 나를 나타냅니다). 그것은 일련의 세트를 정의 함으로써이 모든 것을 수행합니다. rel 값 :

  • me - 링크 페이지와 링크 된 페이지가 동일한 사용자를 나타냅니다. 이는 사용자 프로필에서 사용자의 웹 사이트에 연결할 때 많은 소셜 사이트 (스택 오버플로 포함)에서 널리 채택됩니다.
  • contact, aquantance 그리고 friend - 당신이 당신이 연결하는 사람과 당신이 그들을 얼마나 잘 알고 있는지 알고 있음을 나타냅니다.
  • met - 당신이 연결하는 사람을 만났음을 나타냅니다.
  • co-worker 그리고 colleague - 당신이 연결하는 사람과 같은 분야에서 일하거나 일하거나 일한다는 것을 나타냅니다.
  • co-resident 그리고 neighbor - 당신이 연결하는 사람과 함께 또는 근처에 살고 있음을 나타냅니다.
  • child, parent, sibling, spouse 그리고 kin - 가족 구성원과 연결하고 있음을 나타냅니다.
  • muse, crush, date 그리고 sweetheart - 연결하는 사람과 낭만적 인 관계를 나타냅니다.

이러한 관계를 구문 분석하고 친구가 누구인지 또는 다른 온라인 프로필과 같은 사용자에 대한 정보를 결정하는 데 사용할 수 있습니다. 현재 및 잠재적 미래에 대한 자세한 내용은 다음 페이지의 응용 프로그램이 관심을 가질 수 있습니다.

다른

다양한 사양으로 정의 된 다양한 링크 유형이 있습니다.

  • nofollow - 웹 페이지를 크롤링 할 때 검색 엔진이 링크를 따르지 않아야 함을 나타냅니다. 참조 rel-nofollow 사양.
  • canonical - 다른 URL이 현재 페이지의 표준 버전이므로 검색 엔진에서 선호해야한다는 것을 나타냅니다. 이것은 또한와 함께 사용됩니다 rev 현재 페이지에 대한 대안, 일반적으로 짧은 URL을 나타내는 속성 (예 : rev="canonical" 현재 URL은 링크 된 URL의 표준 버전임을 나타냅니다. 자세한 정보 및 도구는 찾을 수 있습니다 Rev = Canonical에 대한 Simon Willison의 블로그 항목.
  • tag - 링크 된 페이지가 링크 페이지를 설명하는 태그 (예 : 키워드)임을 나타내는 데 사용됩니다. 참조 REL-TAG 사양.
  • license - 링크 페이지의 내용이 해제되는 라이센스를 표시하는 데 사용됩니다. 참조 rel-license 사양.

다른 팁

블로그 댓글에 사용자 기여 링크에 대해 rel = "nofollow"를 사용합니다. Google은 링크를 따르지 않으며 링크로 인해 더 높은 페이지 순위를 얻지 못합니다.

내가 사용한 한 가지는 새 창에서 열어야하는 외부 링크를 지정하는 방법으로 사용됩니다. 이 기능은 엄격한 XHTML에서는 불가능합니다. target 속성은 더 이상 허용되지 않습니다 <a> 태그. 그러나 일부 JavaScript와 rel 속성이 기사에서 설명한대로 꽤 괜찮은 작업을 수행 할 수 있습니다. New-Window는 표준 준수 세계에서 연결됩니다.

처럼 차드가 말했다, 나는 사용한다 rel="external" 링크를 지정하려면 새 창에서 열고 싶습니다 (일부 jQuery를 활용하여 가능).

나도 사용합니다 rel="nofollow" Google BOT와 같은 규칙을 따르는 봇이 내 링크를 색인화하지 않기를 원할 때.

공개 웹 사이트에서는 Nofollow를 자동으로 추가하는 것이 유용합니다. 그렇지 않으면 스패머가 블로그 댓글에서 링크 팜을 만들도록 유혹 할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top