Devemos usar meta-tags para celular?

Meta-tags "Viewport", "MobileOptimized" e "HandheldFriendly" podem ser usadas para fornecer conteúdo HTML formatado adequadamente para dispositivos móveis.

Essas tags são confiavéis?

Elas parecem bastante específicas da plataforma em muitos casos e, mesmo quando não são específicos da plataforma (viewport), parecem exigir atributos específicos do dispositivo para funcionar corretamente.

Estas tags devem ser usadas?

Onde e quando é apropriado usá-las?

Existem alternativas (sem reconhecimento de agente do usuário)?

Observação: O autor do estudo tem usado consultas de mídia CSS para obter suporte para dispositivos móveis, mas isso requer alguns UAR (Uniformly At Random - Uniformizado pelo acaso) para otimizar o tamanho da fonte.

HTML (HyperText Markup Language) é a linguagem de marcação para criar páginas da web e outras informações a serem exibidas em um navegador da web. As perguntas sobre HTML devem incluir um exemplo mínimo reprodutível e alguma ideia do que você está tentando alcançar. Essa tag raramente é usada sozinha e geralmente é combinada com [CSS] e [JavaScript].

Mobile Website refere-se ao design e implementação de conteúdo da web destinado a clientes que usam dispositivos móveis, como telefones ou tablets.

viewport

viewport - É um padrão de fato amplamente suportado - originalmente criado pela Apple para o Safari móvel em iPhone, foi adotado por quase todos os outros navegadores móveis: Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox.

Exemplo simples de um Caso de uso:

Deixa o site com largura total em dispositivos móveis

HandeheldFriendly

Essa tag foi originalmente usada para identificar conteúdo móvel em navegadores AvantGo, mas tornou-se um padrão geral para identificar sites móveis. No entanto, não se sabe qual a gama de navegadores que suportam esta meta tag:

MobileOptimized

Esta é uma metatag proprietária do Windows que também acabou sendo usada como outro meio de identificação de conteúdo móvel. A desvantagem dessa tag é que uma largura específica deve ser fornecida. Novamente, não se sabe qual é o suporte para esta tag:

<meta name="MobileOptimized" content="320"/>

Summary

Use viewport (janela de visualização), a menos que você precise oferecer suporte a telefones com recursos mais antigos que não a suportam; nesse caso, provavelmente use HandheldFriendly e MobileOptimized - mas teste seus dispositivos de destino e descubra.

Eles devem ser usados? Onde e quando é apropriado usá-los? Existem alternativas (sem reconhecimento de agente do usuário)?

Elas devem ser usados ​​quando você desejar os efeitos que elas criam - geralmente, informando aos telefones qual zoom padrão usar, controlando o redimensionamento etc. Esta é uma boa explicação de por que você pode querer usar a viewport, por exemplo: http://davidbcalhoun.com/2010/viewport-metatag - também lista as outras propriedades que você pode definir com a viewport e o que elas fazem.

A única outra maneira de obter esses efeitos, sem usar essas metatags, é com truques divertidos de JS - que serão mais lentos, exigirão carregamento de script, serão difíceis de manter e não serão confiáveis. Os navegadores que não suportam o viewport provavelmente terão uma interface JS com muitos bugs para coisas relacionadas ao viewport; veja os links do quirksmode abaixo.