모바일 html 기본 - 모바일 웹용 아이콘 설정, status bar 컬러설정 및 로딩이미지(startup 이미지) 설정
# Work/Mobile 2012. 1. 28. 15:37 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no," />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />// status bar 색상 선정
<meta name="apple-mobile-web-app-capable" content="yes" /> // 아이폰- 바탕화면 바로가기 추가 시
<title>Mobile Web - UhB.kr</title>
<script type="text/javascript" language = "javascript">
window.addEventListener('load', function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
<style type="text/css">
#wrap {height:1000px; padding:50px 0;}
body {background:#000000; color:#FFFFFF;}
</style>
<link rel="apple-touch-icon" href="app_icon.png" /> // 모바일웹용 아이콘 설정
<link rel="apple-touch-startup-image" href="startup.png"/> // 로딩이미지(startup 이미지 설정)</head>
<body>
<div id="wrap">
아이폰 전용(즐겨찾기 > 홈으로 추가시)
<ul>
<li>바로가기 아이콘에 glossy 효과가 태그로 들어간 소스</li>
</ul>
<br />
<br /></div>
</body>
</html>
'# Work > Mobile' 카테고리의 다른 글
| 아이폰 해상도 가이드 (0) | 2015.01.13 |
|---|---|
| [디자인] 구글 스타일 가이드 (0) | 2014.07.01 |
| 모바일 퍼스트! 개념정리 (0) | 2014.06.18 |
| 아이폰 시뮬레이터 (iBBdemo2) (0) | 2014.05.16 |
| 모바일 html 기본 - 페이지 로딩 후 자동으로 주소창 감추기 (0) | 2012.01.28 |
호정찐 
