HTML <link> 태그

정의와 사용법

<link> 태그는 현재 문서와 외부 자원 간의 관계를 정의합니다.

<link> 태그는 일반적으로 외부 스타일 시트에 링크하거나 웹사이트에 아이콘을 추가하는 데 사용됩니다.

<link> 요소는 공백 요소입니다. 그것은 속성만 포함합니다.

추가로 참고하세요:

HTML 강의:HTML 스타일

HTML DOM 참조 가이드:Link 객체

예제

외부 스타일 시트에 링크합니다:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

직접 시도해 보세요

속성

속성 값 설명
crossorigin
  • anonymous
  • use-credentials
 요소가 콜로시브 요청을 처리하는 방식을 정의합니다.
href URL 링크된 문서의 위치를 정의합니다.
hreflang 음성 코드 링크된 문서의 텍스트가 무엇을 언어로 작성되었는지 정의합니다.
media 미디어 쿼리 링크된 문서가 무엇을 장치에서 표시될지 정의합니다.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 자원을 가져오는 데 사용할 참조자를 정의합니다.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 필수입니다. 현재 문서와 링크된 문서 간의 관계를 정의합니다.
sizes
  • HeightxWidth
  • any
 링크된 자원의 크기를 정의합니다. rel="icon"에만 적용됩니다.
title 기본이나 대체 스타일 시트를 정의합니다
type 미디어 유형 링크된 문서의 미디어 유형을 정의합니다

전역 속성

<link> 태그는 또한 HTML에서의 전역 속성。

이벤트 속성을 지원합니다

<link> 태그는 또한 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <link> 요소:

link {
  display: none;
}

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원