Explicação detalhada de meta tags e uso em HTML

Chega de bobagens, vamos começar o assunto de hoje.

html/11675.html">meta tag em HTML

O elemento <meta> fornece metainformações sobre a página, como descrição e palavras-chave para mecanismos de busca e frequência de atualização.

A tag <meta> está localizada no início do documento e não contém conteúdo.

Os atributos da tag <meta> definem os pares nome/valor associados ao documento.

1. conjunto de caracteres (conjunto de caracteres)

Descrição: Especifica a codificação de caracteres de documentos HTML.

Uso: <meta charset=UTF-8>

2. janela de visualização (janela de visualização)

Descrição: É a área visível da página web do usuário. Todo mundo sabe que a tela dos dispositivos móveis geralmente é muito menor que a dos PCs. O navegador do webkit mapeará uma janela virtual maior para a tela do dispositivo móvel. A janela virtual padrão tem 980 pixels de largura (a largura padrão atual da maioria dos sites). ) e, em seguida, dimensione de acordo com uma determinada proporção (3:1 ou 2:1).

Ou seja, quando carregamos uma página da web normal, o webkit primeiro carrega a página da web com o padrão do navegador de 980 pixels e depois a reduz para uma largura de 490 pixels. Observe que esta redução é uma redução global, ou seja, todos os elementos da página serão reduzidos.

uso:

 <meta id=nome da janela de visualização=conteúdo da janela de visualização=largura do dispositivo=escala inicial=1,0;

(1)largura

largura controla o tamanho da janela de visualização, geralmente definida como largura do dispositivo para fins adaptativos

(2) escala inicial

escala inicial: A taxa de escala inicial, ou seja, a taxa de escala quando a página é carregada pela primeira vez.

(3) escala máxima

escala máxima Escala máxima. Ou seja, o grau máximo de escala permitido. Este também é um valor de ponto flutuante que indica o multiplicador máximo do tamanho da página em comparação com o tamanho da tela.

(4) escala mínima

escala mínima: A escala mínima na qual o usuário pode aplicar zoom. Semelhante ao uso em escala máxima.

(5) escalável pelo usuário

escalonável pelo usuário Escala ajustável pelo usuário. Ou seja, se o usuário pode alterar o nível de zoom da página. Se definido como sim, o usuário poderá alterá-lo, caso contrário, será não.

3. palavras-chave

Descrição: uma lista de palavras-chave fornecidas para mecanismos de pesquisa. Use vírgulas para separar cada palavra-chave. Especifique palavras-chave que os mecanismos de pesquisa usam para melhorar a qualidade da pesquisa.

Uso: <Meta nome=Palavras-chave Conteúdo=Palavras-chave 1, Palavras-chave 2, Palavras-chave 3, Palavras-chave 4,…>

4. descrição (descrição, introdução)

Descrição: A descrição é usada para informar aos mecanismos de pesquisa o conteúdo principal do seu site.

Uso ：<Meta name=Description Content=你网页的简述>

5. detecção de formato (detecção de formato)

Descrição: a detecção de formato é usada para detectar alguns formatos em HTML.

Uso: O atributo de detecção de formato do meta possui principalmente as seguintes configurações:

 meta name=detecção de formato content=telefone=não meta name=detecção de formato content=email=não meta name=detecção de formato content=adress=no

Você também pode escrevê-lo em sucessão: meta name=format-detection content=telephone=no,email=no,adress=no

(1) telefone

Você escreveu claramente uma sequência de números sem adicionar um estilo de link, mas o iPhone adicionará automaticamente um estilo de link ao seu texto e clicar no número discará automaticamente o número! Como remover esse link dial-up? Neste momento, nosso meta deve mostrar seu poder mágico novamente. O código é o seguinte:

phone=no desativa a conversão de números em links dial-up!

phone=yes permite a conversão de números em links dial-up. Para habilitar a função de conversão, não há necessidade de escrever este meta. Ele está habilitado por padrão!

(2)e-mail

Diga ao dispositivo para não reconhecer o endereço de e-mail e não enviá-lo automaticamente após clicar nele.

email=no é proibido como endereço de e-mail!

email=yes ativa o texto e o padrão é o endereço de e-mail. Não há necessidade de escrever este meta. Ele está ativado por padrão!

(3)endereço

address=no proíbe pular para o mapa!

address=yes habilita a função de clicar no endereço para ir diretamente para o mapa. Está habilitado por padrão!

6. apple-touch-tela cheia

Descrição: Após adicionado à tela inicial, será exibido em tela cheia.

Uso: <meta name=apple-touch-fullscreen content=yes>

7. compatível com apple-mobile-web-app

Descrição: A função é excluir a barra de ferramentas e a barra de menus padrão da Apple. content tem dois valores, sim e não. Quando precisamos exibir a barra de ferramentas e a barra de menu, não há necessidade de adicionar esta linha de meta.

Uso: <meta name=apple-mobile-web-app-capable content=yes />

8. Configuração do aplicativo

Descrição: Mantenha registros históricos e efeitos de animação

Uso: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>

9. msapplication-tap-destaque

Descrição: Clique em Sem Destaque (Destaque)

Uso: <meta name=msapplication-tap-highlight content=no>

O texto acima é a explicação detalhada das meta tags e do uso em HTML introduzida pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!