ユーザーの為に設置した方がいいタグ
参考サイト
設定する事でサイトを使いやすくする設定
「Internet Explorer」=「互換表示」と「標準モード」
の2種類がある
↓
ユーザーの環境により、どちらで表示されるか事なり「互換表示」の場合、レイアウトが崩れる場合がある
html
<meta http-equiv="X-UA-Compat-ible" content="IE=edge" />
↑のコードで強制的に「標準モードのレイアウトに対応できる」
--------------------------------------
「ファビコン」の設定
※「ファビコン」=ブラウザに表示されるサイトの「アイコン」、好きな画像を設定可能
html
<link rel="shortcut icon" href="ファイル名.ico">
※ファイルの拡張子が「.ioc」と特殊なので注意
--------------------------------------
webクリップアイコンの設定
スマホのアイコンの事を「webクリップアイコン」と呼ぶ
↓スマホのアイコンを設定するコード
<link rel="apple-touch-icon-precomposed" href="画像のパス/apple-touch-icon-precomposed.png">
--------------------------------------
viewportの設定
「viewport」=スマホ内のサイトの見え方を決める大切な概念
例:ブラウザの幅によりコンテンツの幅が変わるので、必ず↓のコードを入力
html
<meta name="viewport" content="width=device-width.initial-scale=1">
--------------------------------------
OGPの設定
※OGP=「Twitter」や「Facebook」などSNSでWEBページがシェアされた時の設定、シェアされた時のタイトル、説明、サムネイルを設定できる