>  기사  >  웹 프론트엔드  >  태그의 rel 속성에 대한 자세한 설명

태그의 rel 속성에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-06-27 13:27:302513검색

2cdf5bf648cf2f33323966d7f58a7f3f 태그는 현재 문서와 웹 컬렉션의 다른 문서 간의 관계를 정의합니다. 링크 요소는 빈 요소이며 속성만 포함합니다. 이 요소는 head 섹션에만 존재할 수 있지만 여러 번 나타날 수 있습니다. HTML에서는 2cdf5bf648cf2f33323966d7f58a7f3f 태그에 닫는 태그가 없습니다. XHTML에서는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 올바르게 닫아야 합니다.

HTML의 표준 일반 속성 외에도 link 요소에는 charset, href, hreflang, media, rel, rev, target, title 및 type과 같은 많은 선택적 속성도 포함됩니다. 이러한 속성 중 target은 Transitional 및 Frameset의 두 가지 DTD에서만 사용할 수 있습니다. Others는 Strict, Transitional 및 Frameset의 세 가지 DTD에서 사용할 수 있습니다.

이러한 속성 중 rel 속성이 핵심이며 검색 엔진은 이 속성을 사용하여 링크에 대한 추가 정보를 얻을 수 있습니다. (1)

stylesheet

-- 외부 스타일 시트 호출이 속성은 가장 일반적으로 사용되며 아래와 같이 스타일 시트를 호출하는 데 사용됩니다.

<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />

여기서 href는 대상 문서의 URL입니다. type은 대상 URL을 지정하고 media는 문서가


media에 표시될 장치를 지정합니다. ["screen": 디스플레이 장치를 나타냅니다. "

print

": 인쇄 장치를 나타냅니다.]
(2)

icon - 웹 사이트 즐겨찾기 아이콘 정의

<link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>
<link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>
icon 속성은 제목 표시줄, 주소 표시줄 및 컬렉션 표시줄 작은 아이콘을 지정합니다.


참고: 1. IE는 지원만 지원합니다. ico 형식 파비콘 2. rel 속성에는 IE에 표시될 바로가기가 포함되어야 합니다.


(3)

canonical - URL의 정식 버전을 지정합니다

<link rel="canonical" href="http://blog.yunlives.com?page=3/" />

표준 속성 현재 웹사이트의 중복 또는 유사한 웹페이지 중 어느 페이지가 웹마스터가 크롤링하고 포함하기를 원하는 페이지인지

search엔진에 알리는 데 사용됩니다.


(4)

author -- 문서 작성자 선언


(5)

home -- 사이트 홈페이지에 연결 (6)

검색

-- 문서에 연결되는 검색 도구 (7)

sidebar

-- 브라우저 사이드바에 표시되어야 하는 문서에 대한 링크 (8)

friend

-- 친숙한 링크


참조 링크:

http://www.cnblogs.com/aNd1coder/archive/2012/05/30/2526359.html

http://www.dreamdu.com/xhtml/attribute_rel/


http: //www.w3school.com.cn/jsref/prop_anchor_rel.asp

위 내용은 태그의 rel 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.