<링크>


HTML <link> 태그

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>

</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


브라우저 지원

1000.png

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


태그 정의 및 사용 지침

<link> 태그는 문서와 외부 리소스 간의 관계를 정의합니다.

<link> 태그의 가장 일반적인 용도는 스타일 시트를 링크하는 것입니다.


참고: 링크 요소는 빈 요소이며 속성만 포함합니다.

참고: 이 요소는 헤드 섹션에만 존재할 수 있지만 여러 번 나타날 수 있습니다.


HTML 4.01과 HTML5의 차이점

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

HTML5에는 "sizes" 속성이 추가되었습니다.


HTML과 XHTML의 차이점

HTML에서 <link> 태그에는 닫는 태그가 없습니다.

XHTML에서는 <link> 태그를 올바르게 닫아야 합니다.


Attributes

New: HTML5의 새로운 속성.

AttributeValueDescription
charsetchar_encoding HTML5에서는 이 속성을 지원하지 않습니다. 링크된 문서의 문자 인코딩을 정의합니다.
hrefURL은 링크된 문서의 위치를 ​​정의합니다.
hreflang언어_code 연결된 문서의 텍스트 언어를 정의합니다.
mediamedia_query링크된 문서가 표시될 장치를 지정합니다.
relalternate
아카이브
작성자
북마크
외부
먼저
도와주세요
아이콘
마지막
라이센스
다음
팔로우 안함
추천인 없음
핑백
프리패치
이전
검색
사이드바
스타일시트
태그
up
필수입니다. 현재 문서와 링크된 문서 간의 관계를 정의합니다.
rev역관계 HTML5는 이 속성을 지원하지 않습니다. 링크된 문서와 현재 문서 간의 관계를 정의합니다.
sizesNewHeightxWidth
any
은 rel="icon" 속성에 대해서만 작동하는 링크 속성 크기를 정의합니다.
target_blank
_self
_top
_parent
frame_name
HTML5에서는 이 속성을 지원하지 않습니다. 링크된 문서를 로드할 위치를 정의하세요.
typeMIME_type링크된 문서의 MIME 유형을 지정합니다.


전역 속성

<link> 태그는 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.


이벤트 속성

<link> 태그는 모든 HTML 이벤트 속성을 지원합니다.


관련 기사

HTML 튜토리얼: HTML 스타일

HTML DOM 참조 매뉴얼: 링크 객체