<link>
현재 문서와 외부 리소스와의 관계를 명시하는 태그이다.
이는 특히 스타일 시트와 연결할 때 많이 사용된다.
<link>
태그의 rel="preload"
혹은 rel="prefetch"
일 경우에만 사용하고 컨텐츠 유형을 나타낸다. 몇가지 옵션들을 살펴보자.
<audio>
요소@font-face
<script>
요소<video>
요소요소가 CORS 요청을 처리하는 방식을 명시하여 element가 fetch한 데이터를 CORS가 가능하도록 한다.
anonymous
: 교차 출처 요청을 수행하지만 인증 정보 중 어떠한 것도 전송하지 않는다.use-credential
: 교차 출처 요청을 수행하면서 인증 정보를 한가지 이상을 전송합니다.rel="stylesheet"
에 한하여 사용하는 속성. disabled
라면 해당 스타일시트를 불러오지 않아 docuement.styleSheets
리스트에서 스타일 시트를 제거한다.
연결할 리소스의 url을 명시
리소스의 중요도를 상대적으로 나타내는 특성
auto
: 브라우저에게 순위를 맡긴다.high
: 브라우저에게 높은 순위임을 알려준다.low
: 브라우저에게 낮은 순위임을 알려준다.연결된 리소스를 적용할 미디어에 명시한다. 값은 미디어 유형이나 미디어 쿼리를 사용한다. 주로 장치별 최적화에 사용한다.
연결할 리소스와 문서와의 관계를 정의한다.
아이콘의 사이즈를 정의한다.
컨텐츠 타입을 정의한다. text/html
, text/css
와 같은 MIME 타입이어야 한다.