<link> 태그의 sizes 속성
HTML <link> 태그 ⇒
정의 및 특징
<link> 태그의 sizes 속성은 시각적 미디어에서 리소스에 포함된 아이콘의 크기를 명시합니다.
이 속성은 <link> 요소의 rel 속성값이 “icon”인 경우에만 사용할 수 있습니다.
문법
|
<link sizes="높이x너비|any"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
높이x너비 |
링크된 아이콘을 위한 하나 이상의 크기를 명시함. 높이값과 너비값은 영문소문자 "x"나 영문대문자 "X"를 중간에 삽입하여 구분함.
ex) <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> |
|
|
any |
SVG 이미지와 같은 크기를 조절할 수 있는 아이콘을 명시함.
ex) <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml"> |
예제
<head>
<link rel="icon" type="image/png" sizes="32x32" href="/examples/media/favicon-32x32.png">
</head>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| sizes | 지원하지 않음 | 지원하지 않음 | 지원하지 않음 | 지원하지 않음 | 지원하지 않음 | 지원하지 않음 |
HTML5에서 변경된 사항
sizes 속성은 HTML5에서 <link> 태그에 새롭게 추가된 속성입니다.
