Some Mobile HTML Tags Not To Use

When I developed my first mobile app, I googled some articles to make sure that I got it right. Several of the online articles told me to add the following mobile tags:

"meta name="HandheldFriendly" content="true" /"

"meta name="MobileOptimized" content="240" /"

"meta name = "viewport" content = "width = 240""

"meta name="apple-mobile-web-app-capable" content="yes""

(Note: I couldn't use "<" or ">" because Blogger kept thinking that I was embedding HTML )

I did. I ran into problems. With these tags, they worked well on some mobile browsers, but they were preventing the scaling of the web page on others. The latest Android browser was problematic.

I was initially stymied by this, and in a flash of inspiration, I removed these tags and everything seemed to work well, both on the desktop computers, and all mobile devices including Blackberry.

I am wondering as to how useful that they really are.

The Meta Refresh Tag with JSF, JSP, XHTML and Icefaces Apparently Doesn't Work

I have an application that not only has the Icefaces Ajax push, but certain elements require a client side refresh. I had a heck of a time trying to make the meta refresh tag work.

Tried a whole pile of stuff, then I realized that the tag should be in template and not on the xhtml page. Worked like a charm.

I thought that I would put this up for others who struggle with this and Google is of little help. So if your meta refresh tag doesn't work, put it in the template.