[HTML] 브.꾸 : HTML 브라우저 탭 꾸미기 (웹 제목 및 아이콘)

허션·2025년 8월 14일
0

공부

목록 보기
3/13
post-thumbnail
  • 파비콘(favicon) : 웹사이트를 브라우저에서 열었을 때, 브라우저 탭에서 보이는 16X16 픽셀 사이즈의 작은 아이콘으로 웹사이트를 대표한다고 할 수 있다. 웹사이트를 실제로 서버에 호스팅 할 것이라면 사용자가 내 웹사이트를 시각적으로 기억하고 인식하는 데에, 그리고 웹사이트의 브랜딩에 파비콘은 중요한 역할을 한다.

  • html 웹사이트에서 파비콘(favicon)과 제목 설정하기 :

    • 아이콘으로 사용할 이미지(보통 .ico 확장자 사용)를 html 파일이 위치한 폴더 중 어딘가에 둔다.

    • <head> 안에 <title> 요소를 둠으로써 웹사이트 제목을, 그리고 요소로 파비콘을 설정한다. (아래 형식과 같이 입력하고 href 속성에 아이콘의 주소를 입력하면 됨.)

      <head>
      	<title>Page Title</title>
      	<link rel="icon" type="image/x-icon" href="/images/favicon.ico>"
      </head>

      e.g.

      예시자료

profile
다시해보자.

0개의 댓글