Html & Script

모바일 meta태그 기본 사항

컨텐츠 정보

본문

[출처] 모바일 meta태그 기본 사항|작성자 썬  
http://ziziri80.blog.me/110098150753

해당 브라우저에서 화면에 맞게 자동 조절

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

user-scalable=no : 사용자의 확대보기 허용 여부(no/yes)
initial-scale=1.0  : 페이지 로딩시 확대비율
maximum-scale=1.0  : 최대확대비율
minimum-scale=1.0  : 최소축소비율
width=device-width : 플랫폼 가로 크기에 맞춤, 수치를넣으면 그수치에 맞게 맞춰짐.
target-densitydpi=medium-dpi : dpi([dots per inch])를 머... 맞추라는 거겠지여? 아닌가.. ㅎㅎ

 

위 태그로 거의 모든 스마트폰 공용으로 웹페이지의 넓이가 디스플레이 크기에 맞춰집니다.

 

 

 

그 외에 메타태그

<meta name="format-detection" content="telephone=no" />

아이폰 사파리에서 전화번호 링크를 마음대로 하는 경우가 있는데 그럴 경우
이렇게 하면 자동 링크가 되지 않는다.

 

<meta name="Robots" content="noindex,nofollow">

긁지 않고, 링크도 무시함.

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
진정한 기쁨은 나의 아집을 버려 갈 때마다 느껴오는 타인의 대한 배려의식에서 오는 이해이다. 이로써 서로에 대한 존경과 용서가 함께하게 되는 것이다.