<링크>
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>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
모든 주요 브라우저는 <link> 태그를 지원합니다.
태그 정의 및 사용 지침
<link> 태그는 문서와 외부 리소스 간의 관계를 정의합니다.
<link> 태그의 가장 일반적인 용도는 스타일 시트를 링크하는 것입니다.
참고: 링크 요소는 빈 요소이며 속성만 포함합니다.
참고: 이 요소는 헤드 섹션에만 존재할 수 있지만 여러 번 나타날 수 있습니다.
HTML 4.01과 HTML5의 차이점
일부 HTML 4.01 속성은 HTML5에서 지원되지 않습니다.
HTML5에는 "sizes" 속성이 추가되었습니다.
HTML과 XHTML의 차이점
HTML에서 <link> 태그에는 닫는 태그가 없습니다.
XHTML에서는 <link> 태그를 올바르게 닫아야 합니다.
Attributes
New: HTML5의 새로운 속성.
Attribute | Value | Description |
---|---|---|
charset | char_encoding | HTML5에서는 이 속성을 지원하지 않습니다. 링크된 문서의 문자 인코딩을 정의합니다. |
href | URL | 은 링크된 문서의 위치를 정의합니다. |
hreflang | 언어_code | 연결된 문서의 텍스트 언어를 정의합니다. |
media | media_query | 링크된 문서가 표시될 장치를 지정합니다. |
rel | alternate 아카이브 작성자 북마크 외부 먼저 도와주세요 아이콘 마지막 라이센스 다음 팔로우 안함 추천인 없음 핑백 프리패치 이전 검색 사이드바 스타일시트 태그 up | 필수입니다. 현재 문서와 링크된 문서 간의 관계를 정의합니다. |
rev | 역관계 | HTML5는 이 속성을 지원하지 않습니다. 링크된 문서와 현재 문서 간의 관계를 정의합니다. |
sizesNew | HeightxWidth any | 은 rel="icon" 속성에 대해서만 작동하는 링크 속성 크기를 정의합니다. |
target | _blank _self _top _parent frame_name | HTML5에서는 이 속성을 지원하지 않습니다. 링크된 문서를 로드할 위치를 정의하세요. |
type | MIME_type | 링크된 문서의 MIME 유형을 지정합니다. |
전역 속성
<link> 태그는 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.
이벤트 속성
<link> 태그는 모든 HTML 이벤트 속성을 지원합니다.
관련 기사
HTML 튜토리얼: HTML 스타일
HTML DOM 참조 매뉴얼: 링크 객체