HTML5 global metatags/style for mobile app

Question

I am a C++ developer who recently started using HTML5 in my mobile apps, I don't have too much knowledge in the world of web programming and I would very much like some advice in order to fine tune my meta tags. I need the perfect meta tags that would suit a mobile application for ios/android/windows phone/blackberry etc. The problem is I am not sure what exactly I need and what I don't need, this is the list I have so far: ``` html, body { overflow: hidden; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-overflow-scrolling: none; -webkit-backface-visibility: hidden; -webkit-transition: translate3d(0,0,0); transition: translate3d(0,0,0); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-text-stroke: 1px -webkit-user-select: none; /* Chrome/Safari…

Accepted Answer

You need: ``` ``` - user-scalable=no" this will block zooming in your app and I would suggest to not use (bad UX) ``` ``` - Launcher Title if you dont want to use title tag for this. ``` ``` - this will hide browser interface ``` ``` - and this will change color of status bar in ios You should add: ``` ``` -iOs launcher icons ``` ``` - Windows icons ``` ``` -iOs startup-image ``` ``` - Android/Chrome homescreen You dont need: ``` ``` - no need for this, google and other search engines does not use keywords meta ``` ``` - the subject of page. Not recommended ``` ``` - more for you then for anybody else ``` ``` -this is your full domain name or web address. for SEO ``` ``` - W3C is recommending to use `` not the meta tag ``` ``` - It is additional page title. No such tag in html5 spec? ``` ``` -defines the level or degree of distribution for crawlers but there are not recognized metadata then you shouldn't use them. invalid for HTML5 ``` ``` - ??? not sure what it is:P some crazy windows thing old old one? No such tag in html5 spec? ``` ``` - future for old windows phones to say that page is viewable on small screen ``` ``` - statement on what size of screen page was optimized for Windows but it is for old phone and it not really working. I would suggest use media queries for that. ``` ``` - phone number detection for Safari on iOS (bad Ux if you disable this) ``` ``` - Mobile IE smoothing fonts feature but this is not standard W3C tag. I would suggest do font smoothing in CSS. ``` ``` - this was used in early demos. you need only `` ``` ``` - this should make browser to mark DOM before CSS is added. I dont think you should do that. ``` ``` - cache things. Now days that kind of stuff is done server side. ``` ``` - IE6 feature. Obviously no need ``` ``` - DNS prefetching. ``` ``` - IE8/9 Compatible mode. ``` ``` - duplicated entry `` ``` ``` - duplicated entries

HTML5 global metatags/style for mobile app

Solution

Problem