본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <link>

<link>

<link> 태그는 외부 파일 연결 할 때 설정합니다.


<link>

<link> 태그는 외부 파일 연결 할 때 설정합니다.

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 Self-Closing(<link />)
버전 HTML4

정의(Definition)

  • <link> 태그는 외부 파일 연결 할 때 설정합니다.
  • <link> 태그는 일반적을 스타일시트 파일을 주로 연결하지만 파비콘이나 웹폰트를 연결 할 때도 사용합니다.

비교(Compare)

  • 외부 스타일시트 파일과 연결 할 때는 <link> 태그를 사용합니다.
  • 외부 스크립트 파일가 연결 할 때는 <script> 태그를 사용합니다.

속성(Property)

속성 값(예) 설명 버전
charset charset = "언어 코드" 링크 된 문서의 문자 인코딩을 설정합니다. html5
crossorigin crossorigin = "anonymous"
crossorigin = "use-credentials"
속성을 가져올 때 방법에 대해서 설정합니다.. html5
href href = "경로" 문서의 경로를 설정합니다. -
hreflang hreflang = "해당 언어" 링크 된 문서의 텍스트 언어를 설정합니다 -
media media = "print" 링크 된 문서의 미디어를 설정합니다 -
rel rel = "alternate"
rel = "author"
rel = "dns-prefetch"
rel = "help"
rel = "icon"
rel = "license"
rel = "next"
rel = "pingback"
rel = "preconnect"
rel = "prefetch"
rel = "preload"
rel = "prerender"
rel = "prev"
rel = "search"
rel = "stylesheet"
링크된 문서의 대체된 링크를 제공합니다.
링크된 문서의 작성자를 제공합니다.
링크된 문서의 DNS 정보를 제공합니다.
링크된 문서의 도움말 링크를 제공합니다.
링크된 문서의 아이콘을 제공합니다.
링크된 문서의 저작권 정보를 제공합니다.
링크된 문서의 시리즈 다음 문서에 대한 링크를 제공합니다.
링크된 문서의 핑백 주소를 제공합니다.
링크된 문서의 브라우저가 미리 연결되도록 설정합니다.
링크된 문서의 브라우저가 대상 소스를 미리 가져오도록 설정합니다.
링크된 문서의 브라우저가 미리 로드하도록 설정합니다.
링크된 문서의 브라우저가 미리 렌더링하도록 설정합니다.
링크된 문서의 시리즈 이전 문서에 대한 링크를 제공합니다.
링크된 문서 검색에 필요한 리소스를 설정합니다.
링크된 문서 스타일 시트를 가져옵니다.
-
rev rev = "parent" 링크 된 문서와 현재 문서 간의 관계를 설정합니다 html5
sizes sizes = "32x32" rel="icon"일 경우 사이즈를 설정합니다. html5
target target = "_blank"
target = "_self"
target = "_top"
target = "_parent"
target = "frame_name"
링크 된 문서를 로드 할 위치를 설정합니다. -
type type = "text/css" 링크 된 문서를 타입을 설정합니다. -

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<link> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
charset 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
href 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
hreflang 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
media 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
rel 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
rev 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
target 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
title 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
type 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기