HTML‎ > ‎

<link>

<link />
현재 문서와 관련이 있는 다른 문서를 지정할 때 사용됩니다. 문서의 <head> 요소 안에 여러 개의 <link> 요소가 포함될 수 있습니다. 외부 스타일 시트를 연결하는 데에도 <link> 요소가 사용됩니다.


속성

  • href = uri [CT]
하이퍼링크로 연결할 문서의 URI를 지정합니다.
  • hreflang = langcode [CI]
연결할 문서의 기본 언어 코드를 지정합니다.
  • type = content-type [CI]
연결할 문서의 MIME 타입을 지정합니다.
  • rel = link-types [CI]
현재 문서를 기준으로 링크된 문서와의 관계를 기술합니다.
  • rev = link-types [CI]
링크된 문서를 기준으로 현재 문서와의 관계를 기술합니다.
  • target = frame-target [CI]
링크를 표시할 프레임을 지정합니다.
  • media = media-descriptors [CI]
매체 타입을 지정합니다. media 속성을 사용하면 스타일 시트 파일이 적용되지 않습니다.
    • screen (기본값) - 페이지로 나뉘어 지지 않은 컴퓨터 화면
    • tty - 고정폭 문자 그리드 디스플레이
    • tv - 낮은 해상도와 스크롤이 제한적인 텔레비젼 타입의 장치들
    • projection - 프로젝터 장치
    • handheld - 핸드헬드 장치
    • print - 프린터 출력 장치
    • braille - 점자 표기 장치
    • aural - 음석 인식 장치
    • all - 모든 장치
  • charset = charset [CI]
연결할 문서의 문자셋을 지정합니다.
  • id, class, lang, dir, title, style
속성에 관한 설명을 참고하세요.


이벤트

  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
이벤트에 관한 설명을 참고하세요.


사용 예

<link>를 사용해서 외부 CSS 파일을 연결하기 위해서는 다음과 같이 작성합니다.
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
Comments