Explicação detalhada da meta html

A tag meta é uma etiqueta auxiliar na área principal da linguagem HTML.

A meta é frequentemente usada para definir as instruções, palavras -chave e, finalmente, modificar a data e outros metadados. Esses metadados servirão ao navegador (como fazer layout ou re -carregar página), mecanismos de pesquisa e outros serviços de rede.

A etiqueta Mata contém atributos globais (https://developer.mozilla.org/en-s/docs/web/global_attributes)

Declaração do código do caractere da página da web:

 <meta charset = utf-8>

O conteúdo do atributo de conteúdo é o valor da propriedade HTP-Equiv ou Name, que depende de qual você usa.

Este atributo pode conter o nome do cabeçalho HTTP e o nome completo em inglês do atributo é equivalente a HTTP. Ele define instruções que podem alterar o comportamento do servidor e do agente do usuário. O valor desta instrução é definido na propriedade de conteúdo, que pode ser um dos seguintes:

Defina o idioma padrão da página. Pode ser coberto pela propriedade Lang em qualquer elemento.

O navegador é proibido de visitar o conteúdo da página a partir do cache do computador local. como:

 <meta http-equiv = Pragma content = sem cache>

Pode ser usado para definir o tempo de expiração da página da web. Depois que a página da web expirar, ela deve ser re -retristida no servidor.

Especifique o mecanismo de cache de solicitações e resposta a seguir. Existem os seguintes métodos de uso:

Sem cache: envie uma solicitação primeiro, confirme se o recurso é alterado com o servidor e, se não for alterado, use o cache.

NÃO FOLOS: Não permita caches, vá para o servidor sempre, faça o download de uma resposta completa. (Medidas de segurança)

Público: armazenam em cache todas as respostas, mas não são necessárias. Porque o máximo também pode alcançar o mesmo efeito

Privado: apenas um único cache do usuário, portanto, nenhum cache de relé é permitido. (Por exemplo, a CDN não permite a resposta privada do cache)

MAX-AGE: A solicitação atual começa, quanto tempo a resposta pode ser armazenada em cache e reutilizada sem ir ao servidor para reviravolta. Por exemplo: Max-Ara = 60 significa que a resposta pode ser armazenada em cache e reutilizada por 60 segundos.

Permita que o autor defina a estratégia de conteúdo da página atual. A estratégia de conteúdo especifica principalmente o endereço do servidor permitido e o terminal de script, o que ajuda a impedir o ataque de script de sites cruzados.

A essência do CSP é o sistema de listas brancas. Sua implementação e execução são concluídas pelo navegador, e os desenvolvedores precisam apenas fornecer configuração.

O CSP aprimora muito a segurança da página da web. Mesmo que o invasor encontre a vulnerabilidade, ele não pode injetar o script, a menos que ainda controla um host credível listado na lista de permissões. Dois métodos podem ativar o CSP. Um é um campo de política de segurança de conteúdo através das informações do cabeçalho HTTP.

 Content-Security-Policy: Script-Src 'self';

O outro é o rótulo da página da web.

 <meta http-equiv = content-security-policy content = script-src 'seld';

No código acima, o CSP fez a seguinte configuração:

Script: confie no nome de domínio atual

Tags: sem URL, isto é, não carregue nenhum recurso

Tabela de estilo: apenas confie em cdn.example.org e terceiros.org

Quadro: deve ser carregado com o protocolo HTTPS

Outros recursos: sem restrições

Após a abertura, os recursos externos que não atendem ao CSP serão impedidos de carregar.

MAIS INTRODUÇÃO: Política de segurança de conteúdo Tutorial para iniciar

Defina o tipo de documento MIME e, em seguida, codificá -lo com seus caracteres.

Não use esse valor porque está desatualizado. Recomenda -se usar o atributo Charset no elemento.

Como o tipo de documentação não pode ser alterado na serialização XHTML de XHTML ou HTML5, não use o tipo MIME para definir o tipo MIML MIML.

Esta instrução especifica:

Se o atributo de conteúdo contiver apenas um número inteiro positivo, ele representa o número de segundos de segundos carregados na página.

Se o atributo da conferência contiver um número inteiro positivo e depois a string ';

 <meta http-equiv = conteúdo de refresh = 2;

Defina o cookie da página.

Não use esta instrução, use o conjunto do cabeçalho HTTP (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie) em vez disso

É usado para dizer ao navegador para renderizar a página.

 <meta http-equiv = conteúdo x-ua-composição = ie = borda, chrome = 1/> especificar ie e chrome para renderizar a página atual com a versão mais recente

A definição do atributo de nome pertence aos metadados no nível do documento.

O nome dos dados dos meta -dados está associado ao valor do atributo de conteúdo. O possível valor do atributo de nome é:

Defina o nome do aplicativo em execução na página da web.

Usado para marcar o autor da página da web.

Incluindo uma descrição da miniatura do conteúdo da página. Alguns navegadores, como Firefox e Opera, usam essa descrição padrão como marcador da web.

É usado para indicar qual software é fabricado pela página da web.

Usado para informar o mecanismo de pesquisa, as palavras -chave da sua página da web

Se a página não for atualizada com frequência, a fim de reduzir a pressão dos rastreadores de mecanismos de pesquisa para o servidor, você poderá configurar um tempo de visita para um rastreador. Se o tempo de re -visita for muito curto, o rastreador será acessado de acordo com o tempo padrão que eles definiram. Exemplo:

 <meta name = revisit-depois conteúdo = 7 dias>

O renderizador está preparado para navegadores duplos para especificar como o navegador -core duplo renderiza a página por padrão. Por exemplo, 360 navegador. Exemplo:

 <meta nome = conteúdo do renderizador = webkit> // o kernel do webkit padrão <meta nome = conteúdo do renderizador = ie-comp> // o modo de compatibilidade do IE padrão <nome do meta = conteúdo do renderizador = ie-sand> // padrão I e modo padrão

O referenciador controla o cabeçalho HTTP do referente (https://developer.mozilla.org/en-us/docs/web/http/Referer na solicitação do documento. O valor correspondente está no conteúdo:

Os robôs usam para informar os répteis quais páginas das páginas precisam de índices e quais páginas não requerem índices.

Fornece um prompt sobre o tamanho do tamanho inicial da viewport. Apenas para dispositivos móveis.

Uso comum

Escala proibida:

 <meta nome = conteúdo da viewport = escala inicial = 1,0, escala mínima = 1,0, escala máxima = 1,0, scalable = não/>

Atualize automaticamente a página da web

Você pode definir a operação de atualização da página após um período de tempo. Meta http-equiv = atualização pode especificar o navegador para adiar a página de atualização automática por um período de tempo. A meta-tag especifica o navegador abaixo atualiza automaticamente a cada 5 segundos.

 <meta http-equiv = refresh content = 5 ″ />

Redirecionamento automático

Podemos usar as meta tags de atualização para redirecionar a página. O exemplo a seguir visitará www.vevb.com após 5 segundos

 <meta http-equiv = refresh Content = 5;

Cache do navegador proibido

Quando testamos a página da web localmente, o novo conteúdo não é atualizado a tempo e pode haver um cache do navegador. Neste momento, podemos resolvê -lo enquanto desativamos o cache do navegador usando meta tags. O código geral é o seguinte:

 <meta http-equiv = expira o conteúdo = 0> <meta http-equiv = PRAGMA Content = sem cache> <meta http-equiv = conteúdo de controle de cache = no-cache>

Destino da transcodificação de Baidu

 <meta http-equiv = conteúdo de controle de cache = no-sizepp/>

No desenvolvimento móvel, o código que protege o número como número de telefone:

 <meta content = telefone = sem nome = formato-detecção />

consulte

MDN HTML Element (https://developer.mozilla.org/en-s/docs/web/html/element/meta))