link 태그로 favicon 등록하기

김보훈·2024년 5월 16일
0

HTML

목록 보기
7/8
post-thumbnail

favicon 등록

 <link
      rel="shortcut icon"
      href="./src/favicon/notemate_favicon.ico"
      type="image/svg+xml"
    />
  1. rel="shortcut icon": 현재 페이지의 단축 아이콘을 지정합니다. 웹 브라우저는 이 아이콘을 웹사이트의 탭, 즐겨찾기 목록 및 다른 위치에 표시합니다.

  2. href="./src/favicon/notemate_favicon.ico": 이 속성은 favicon 파일의 경로를 지정합니다. 여기서는 ./src/favicon/notemate_favicon.ico로 설정되어 있으므로, 해당 경로에 있는 notemate_favicon.ico 파일이 사용됩니다.

  3. type="image/svg+xml": 이 속성은 favicon 파일의 MIME 타입을 지정합니다. 여기서는 image/svg+xml으로 설정되어 있으므로, 웹 브라우저에게 이 파일이 SVG 형식의 이미지임을 알려줍니다.

    • MIME : 인터넷에서 다양한 종류의 데이터를 식별하기 위한 표준화된 방법으로 웹 브라우저에게 "이 파일은 HTML 문서야", "이 파일은 JPEG 이미지야", "이 파일은 MP3 오디오야"와 같은 정보를 제공하게 됩니다.

      그래서 type 속성을 사용하여 웹 페이지에 포함된 자원(이미지, 오디오, 비디오 등)의 종류를 명시함으로써,

      올바른 MIME 타입을 지정하는 것은 웹 표준 준수와 일관된 사용자 경험을 유지하는 데 도움이 됩니다.

0개의 댓글