목차
Link 태그란
HTML5의 <link> 태그는 CSS 스타일시트, JavaScript 파일 또는 웹 페이지와 같은 외부 리소스에 대한 링크를 만드는 데 사용됩니다.
<link> 태그는 HTML 문서의 <head> 섹션 내에 배치되며 링크의 속성을 지정하는 데 사용되는 여러 특성을 가집니다.
다음은 <link> 태그를 사용하여 CSS 스타일시트에 연결하는 방법의 예입니다.
<head>
<link rel="stylesheet" href="styles.css">
</head>이 예에서 rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정하고 href 속성은 연결된 문서의 위치를 지정합니다.
rel 속성은 다음과 같은 여러 값을 가질 수 있습니다.
- stylesheet: CSS 스타일시트에 연결하는 데 사용
- icon: 파비콘에 연결하기 위해 사용
- alternate: 현재 문서의 대체 버전에 연결하는 데 사용됩니다.
href 속성은 연결된 문서의 URL을 지정합니다. 링크된 문서가 현재 웹 페이지와 동일한 웹 사이트에 있는지 여부에 따라 절대 또는 상대 URL이 될 수 있습니다.
<link> 태그와 함께 일반적으로 사용되는 다른 속성은 다음과 같습니다.
- type: 연결된 문서의 MIME 유형을 지정합니다.
- media: 연결된 문서가 의도된 미디어 유형(예: 화면, 인쇄 또는 음성)을 지정합니다.
- sizes : 연결된 리소스의 크기를 지정합니다.
<link> 태그는 외부 리소스에 연결하는 데 사용되며 웹 페이지에 보이는 콘텐츠를 만들지는 않지만 웹 페이지에서 사용되는 스타일, 아이콘 또는 기타 리소스를 포함하는 중요한 도구입니다.
HTML5의 다른 글도 읽어보세요.
'컴퓨터과학/HTML5' 카테고리의 글 목록
모든 분야의 정보를 담고 있는 정보의 호텔입니다.
jkcb.tistory.com