HTML

HTML Favicon

아이티프로 2023. 1. 25.
반응형

즐겨찾기 아이콘()은 브라우저의 주소 표시줄, 웹 사이트 제목 옆 또는 브라우저의 탭, 책갈피 및 기록에 표시되는 작은 아이콘이다.
HTML에서 이미지 파일(16x16픽셀 또는 32x32픽셀 크기)을 .ico, .png 또는 .gif 형식으로 만들어 파비콘을 만들 수 있다. 그런 다음 HTML 문서의 <head> 섹션에 있는 <link> 태그를 사용하여 favicon 파일에 연결할 수 있다.

<head>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>


이 예제에서 <link> 태그는 HTML 문서와 동일한 디렉토리에 있는 favicon.ico라는 파일에 연결된다. rel 속성은 이것이 favicon임을 지정하고 href 속성은 favicon 파일의 위치를 지정합니다. type 특성은 favicon의 파일 형식을 지정한다.

 

 
 
반응형

'HTML' 카테고리의 다른 글

<canvas> 태그  (0) 2023.01.25
특수문자 와 이모지  (0) 2023.01.25
<video> <audio> 태그  (0) 2023.01.25
HTML Drag and Drop  (0) 2023.01.24
HTML Web Storage  (0) 2023.01.24

댓글