HTML <link> 태그

・<link> 태그는 해당 문서와

　외부 소스(external resource) 사이의 관계를 정의할 때 사용한다

・<link> 요소는 빈 태그이며, 속성만을 포함

　또한, 이 요소는 <head> 요소 내부에만 위치할 수 있으며

　그 개수에는 제한이 없다

・<link> 요소는

　주로 외부 스타일 시트(external style sheet)를

　연결할 때 사용한다

・HTML과 XHTML에서의 차이점

　HTML에서는 <link> 태그를 닫지 않지만

　XHTML에서는 다음과 같이 반드시 태그를 닫아야만 한다

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


1.0	지원함	지원함	1.0	지원함	지원함

속성명	속성값	설명
charset	문자셋	링크된 문서의 문자셋(character-set)을 명시한다 HTML5에서는 더 이상 지원하지 않는다
crossorigin	anonymous use-credentials	해당 요소가 CORS 요청(cross-origin request)을 처리하는 방식을 명시한다 HTML5에서 새롭게 추가된 속성
href	URL	링크될 외부 리소스(external resource)의 URL를 명시한다
hreflang	언어 코드	링크된 문서의 언어를 명시한다
media	미디어 쿼리	링크된 문서를 표시할 미디어나 장치를 명시한다
rel	alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet	필수 속성으로, 현재 문서와 외부 리소스 사이의 연관 관계를 명시한다
rev	예약된 연관 관계	현재 문서와 외부 리소스 사이의 연관 관계를 명시한다 HTML5에서는 더 이상 지원하지 않는다
sizes	높이x너비 any	시각적 미디어에서 리소스에 포함된 아이콘의 크기를 명시한다 (단, <link> 요소의 rel 속성값이 "icon"인 경우에만 사용할 수 있다) HTML5에서 새롭게 추가된 속성
target	_blank _self _top _parent 프레임 이름	링크된 문서를 로드할 위치를 지정한다 HTML5에서는 더 이상 지원하지 않는다
type	미디어 타입	링크된 외부 리소스의 미디어 타입을 명시한다

<link href="/examples/link-element-example.css" type="text/css" rel="stylesheet">

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

루시의 IT 블로그