관계 속성이란 무엇입니까?

rel 속성은 대상 페이지와이를 연결하는 페이지의 관계를 설명하는 데 사용되는 HTML 속성입니다. 정보는 브라우저에 직접 표시되지 않지만 검색 엔진 및 화면 판독기는 rel 속성을 선택하고 페이지에서 연결 네트워크에 대한 정보를 수집 할 수 있습니다. 그 반대는 rev 속성으로, 현재 페이지가 연결되는 것과 관련하여 컨텍스트를 표시하는 데 사용됩니다.

이 속성은 rel = "property"로 작성되며 <rel = "home"href = "http://www.wisegeek.com"> wiseGEEK </a>과 같은 링크에 나타납니다. rel 속성은이 wiseGEEK 기사와 같이 링크가 시작된 문서와 관련하여 링크되는 자원이 홈 페이지임을 나타냅니다. 마찬가지로 제휴 파트너 관계가있는 사이트는 <a rel = "affiliate"href = "http://www.example.com"> 친한 제휴사 </a>와 같은 코드를 사용할 수 있습니다. 검색 엔진이 사이트를 크롤링하면 사이트 내의 페이지와 사이트 외부 링크 간의 관계를 이해할 수 있습니다.

이 속성을 사용하는 방법의 또 다른 일반적인 예는 혼동과 처리를 방지하기위한 탐색입니다. 블로그에서 <rel = "next"href = "http://www.example.com/2"> 추가 항목 </a>을 사용하여 다른 항목의 페이지에 대한 링크를 제공 할 수 있습니다. 또한 "이전", "스타일 시트"및 "인덱스"와 같은 설명자를 사용하여 리소스에 대한 설명 태그를 제공 할 수 있습니다. rel 속성은 다른 코드와 연결될 수도 있습니다. 예를 들어, 스타일 시트는 쉽게 탐색 할 수 있도록 rel = "previous"가있는 링크 옆에 작은 화살표를 표시하도록 코딩 할 수 있습니다.

많은 HTML 속성과 마찬가지로 rel 속성은 일관되게 적용되지 않습니다. 일부 사이트는 광범위하게 사용할 수 있으며 사이트 맵 작성과 같은 도구에 매우 유용 할 수 있습니다. 다른 사이트에서는이 속성을 전혀 사용하지 않으며 때로는 속성을 잘못 사용하여 브라우저를 혼란스럽게 할 수도 있습니다. HTML 표준이 변경됨에 따라 속성의 스타일이 바뀌고 표시 오류가 발생하지 않도록 웹 사이트를 적절하게 업데이트해야합니다.

다양한 속성에 대한 브라우저 지원에 대해 궁금한 사람들은 웹 사이트에서 해당 브라우저에 대한 기술 문서를 찾을 수 있습니다. 최신 버전의 브라우저가 속성을 적용하는 방법을 인식하고 알고 있더라도 이전 버전은 그렇지 않을 수 있으며 가능한 많은 브라우저에 도달하는 데 관심이있는 사람들은 사이트를 코딩 할 때이를 고려할 수 있습니다. 때로는 오래된 브라우저를 사용하는 사람들이 올바르게 표시 할 수 있도록 사이트 코드를 조정해야 할 수도 있습니다.