head 메모

<meta name="viewport" content="user-scalable=yes, initial-scale=0.3, maximum-scale=1, minimum-scale=0.1, width=device-width" />/* 모바일에서도 PC화면처럼 보임 */
<meta name="viewport" content="width=device-width, initial-scale=1.0">/* 반응형 */
<meta name="Description" content="사이트에 관한 설명">/* 네이버나 구글에 홈페이지 검색시 나오는 설명문을 이렇게 설정할 수 있다. */
<meta name="Keywords" content="키워드 설정"> 
<meta property="og:url" content="사이트 url">
<meta property="og:title" content="사이트 타이틀">
<meta property="og:image" content="카카오톡같은 곳에 사이트 링크를 보냈을 때 뜨는 이미지 경로">
<meta property="og:description" content="사이트에 관한 설명">
<meta name="twitter:url" content="사이트 url">
<meta name="twitter:title" content="사이트 타이틀">
<meta name="twitter:image" content="트위터용 og img">
<meta name="twitter:description" content="사이트에 관한 설명">
<meta http-equiv="imagetoolbar" content="no"> /* 그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않도록 정의 */
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> /* 인터넷 익스플로러 최신버전으로 랜더링한 후 문서열림 */
<link rel="shortcut icon" href="파비콘 아이콘 경로">/* 파비콘 설정 */

head에 들어가는 메타태그와 파비콘코드