<link> 태그의 개념과 속성 ( rel / href / type )

<link>

• 현재 문서와 외부 리소스의 관계 명시
• 스타일시트를 연결할 때 가장 많이 사용
• 사이트 아이콘, 파비콘 연결 등에도 사용
  • 파비콘 : 인터넷 웹 브라우저 주소창에 표시되는 웹사이트 대표 아이콘
• media 특성 사용 -> 미디어 유형 및 쿼리 지정 가능 (해당 미디어 조건 만족 시에만 리소스 불러옴)

 

외부 스타일시트 연결

<link href="main.css" rel="stylesheet">

파비콘 연결

<link rel="icon" href="favicon.ico">

 

<link> 태그의 속성

rel

• 관계(relationship)를 의미
• 현재 문서와 연결한 아이템의 관계 설명
• <link> 요소의 제일 중요한 기능 중 하나 (필수적으로 명시되어야 하는 속성)

href

• 연결할 리소스의 URL
• 절대/상대 URL 모두 가능

type

• 링크된 외부 리소스(콘텐츠)의 타입을 명시
• link가 어떤 형태인지 명시적으로 알려주는 역할
• 반드시 href 속성이 설정되어 있어야만 사용할 수 있음
  • text/html, text/css
  • HTML5부터는 안적어도 상관 없음