Faviconの設定 - Webデザインを学ぶ

f:id:hourin-g0913:20160329103014p:plain
faviconとは、webサイトを訪れた時にアドレスバーやタブブラウザのタブ部分などに表示されるアイコンのこと。favorite icon （フェイバリット・アイコン：お気に入りのアイコン）を短縮した造語である。
faviconを表示させるためには、.icon形式でないといけない。ネット上にあるジェネレーターをつかってiconファイルに変換する。

ジェネレーター
http://ico.bradleygill.com/index.php

ジェネレーターでファイルを変換したら、HTMLのの中にあるcssリンクの下にiconを表示させる記述をいれる。iconファイルはHTMLと一緒の階層に置く。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>タイトル</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.ico"/>
</head>