HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <link> 태그

HTML <link> 태그는 외부 자원(예: css 파일)을 HTML 문서에 연결합니다. 이 태그는 일반적으로 <link> 요소라고도 합니다.

온라인 예제

외부 스타일 시트 파일에 링크:

예제

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 가이드 웹(oldtoolbag.com)</title>　
<link　rel="stylesheet"　type="text/css"　href="theme.css">
</head>
<body>
</body>
</html>

시험해 보세요 ‹/›

HTML <link> 태그 문법-스타일 시트 링크

HTML <link> 태그를 사용하여 스타일 시트를 링크하는 문법은 다음과 같습니다：

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>

또는 XHTML에서는 <link> 태그의 문법은 다음과 같습니다：

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>

브라우저 상호운영성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 <link> 태그를 지원합니다。

정의 및 사용 설명

주의: link 요소는 비가상 요소로, 속성만 포함합니다.

주의:　이 요소는 head 부분에만 존재할 수 있지만, 여러 번 사용할 수 있습니다。

HTML 4.01 와 HTML5간의 차이

일부 HTML 4.01 속성이 HTML5 중에서 지원되지 않습니다.

HTML5 "sizes" 속성이 추가되었습니다。

HTML과 XHTML 간의 차이

HTML에서는 <link> 태그에는 종료 태그가 없습니다。

XHTML에서는 <link> 태그가 올바르게 닫혀야 합니다。

속성

속성	값	설명
charset	char_encoding	HTML5 이 속성을 지원하지 않습니다. 지연결된 문서의 문자 인코딩 방식을 정의합니다。
href	URL	지연결된 문서의 위치를 정의합니다。
hreflang	language_code	지연결된 문서의 텍스트의 언어를 정의합니다。
media	media_query	지연결된 문서가 무엇의 장치에서 표시될지 정의됩니다。
rel	alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up	필수. 현재 문서와 링크된 문서 간의 관계를 정의합니다
rev	역순 관계	HTML5 이 속성을 지원하지 않습니다. 링크된 문서와 현재 문서 간의 관계를 정의합니다
sizesHTML5	HeightxWidth any	링크 속성 크기를 정의합니다. rel="icon" 속성에만 적용됩니다
target	_blank _self _top _parent frame_name	HTML5 이 속성을 지원하지 않습니다. 링크된 문서를どこ에서 로드할지 정의합니다
type	MIME_type	링크된 문서의 MIME 유형을 정의합니다

전역 속성

이벤트 속성