[HTML] Link 태그

CheolHyeon Park·2022년 11월 11일
0

기초지식

목록 보기
7/15
post-custom-banner

<link> 현재 문서와 외부 리소스와의 관계를 명시하는 태그이다.
이는 특히 스타일 시트와 연결할 때 많이 사용된다.

Attributes

as

<link>태그의 rel="preload" 혹은 rel="prefetch"일 경우에만 사용하고 컨텐츠 유형을 나타낸다. 몇가지 옵션들을 살펴보자.

  • audio: <audio>요소
  • font: CSS @font-face
  • script: <script>요소
  • video: <video> 요소

crossorigin

요소가 CORS 요청을 처리하는 방식을 명시하여 element가 fetch한 데이터를 CORS가 가능하도록 한다.

  • anonymous: 교차 출처 요청을 수행하지만 인증 정보 중 어떠한 것도 전송하지 않는다.
  • use-credential: 교차 출처 요청을 수행하면서 인증 정보를 한가지 이상을 전송합니다.

disabled

rel="stylesheet"에 한하여 사용하는 속성. disabled라면 해당 스타일시트를 불러오지 않아 docuement.styleSheets리스트에서 스타일 시트를 제거한다.

href

연결할 리소스의 url을 명시

importance

리소스의 중요도를 상대적으로 나타내는 특성

  • auto: 브라우저에게 순위를 맡긴다.
  • high: 브라우저에게 높은 순위임을 알려준다.
  • low: 브라우저에게 낮은 순위임을 알려준다.

media

연결된 리소스를 적용할 미디어에 명시한다. 값은 미디어 유형이나 미디어 쿼리를 사용한다. 주로 장치별 최적화에 사용한다.

rel

연결할 리소스와 문서와의 관계를 정의한다.

sizes

아이콘의 사이즈를 정의한다.

type

컨텐츠 타입을 정의한다. text/html, text/css와 같은 MIME 타입이어야 한다.

profile
나무아래에 앉아, 코딩하는 개발자가 되고 싶은 박철현 블로그입니다.
post-custom-banner

0개의 댓글