본문 바로가기

Develop/Mobile

모바일웹 홈화면에 추가(바로가기) 아이콘 바꾸기~

아이폰이나 안드로이드 핸드폰에서 자주 가는 사이트는 바탕화면에 아이콘으로 빼놓는게 편하죠~

저는 조부모님을 위해 간단한 사이트를 하나 제작했는데.. 

매번 URL을 치고 들어가시기는 불가능하니 바탕화면 아이콘으로 제작을 하려고 합니다.


일단 결론부터 말씀드리자면 HTML에 LINK REF 를 이용해야 합니다. Link 태그는 외부문서를 연결시켜주는 태그이죠~


아이폰

  <link rel="apple-touch-icon" href="이미지경로" /> 


안드로이드

  <link rel="shortcut icon" href="이미지경로" /> 


간단하죠? ㅋㅋ

두개 다 쓰면 휴대폰에 맞는 link ref를 찾아 적용되겠지요~


아이폰으로 테스트 해보니 잘되네요^^