Elemento HTML: meta | Envato Tuts+

Sintaxe

O O elemento é de fechamento automático e não possui tag de fechamento. Ele é colocado dentro do seção de um documento HTML. Aqui está um exemplo de sintaxe básica, mostrando dois tags, com vários atributos:

1

2

3

4

     charset="UTF-8" />

5

     name="description" content="A description of the web page" />

6

7

8

9

10

Exemplos

O O elemento pode ser usado para especificar a codificação de caracteres de uma página da web:

1

2

3

4

     charset="UTF-8" />

5

6

7

8

9

10

Neste exemplo, o elemento com o charset O atributo é usado para especificar que a codificação de caracteres da página da web é UTF-8, que pode lidar com uma ampla variedade de caracteres e símbolos.

Os exemplos adicionais abaixo ilustram como o O elemento pode fornecer informações valiosas sobre uma página da web, controlar seu comportamento e aumentar sua visibilidade nos resultados de pesquisas.

Essa meta tag é essencial para tornar as páginas da web responsivas a vários dispositivos e tamanhos de tela. Ele permite controlar a escala inicial e o nível de zoom quando um usuário visualiza sua página da web em um dispositivo móvel.

1

 name="viewport" content="width=device-width, initial-scale=1.0" />

Neste exemplo, width=device-width define a largura da janela de visualização para corresponder à largura da tela do dispositivo e initial-scale=1.0 define o nível de zoom inicial para 100%. Isso garante que a página da web seja exibida corretamente em dispositivos móveis.

Esta meta tag é usada para descrever a página da web. Os mecanismos de pesquisa costumam usar essa descrição nos resultados da pesquisa.p>

1

2

  name="description"

3

  content="An online store for electronics and gadgets"

4

/>

Neste exemplo, o content O atributo resume brevemente o conteúdo da página da web.

Embora não seja tão utilizado pelos motores de busca como no passado, o keywords a meta tag ainda pode ser útil. Ele permite que você especifique uma lista de palavras-chave relacionadas ao conteúdo da página web.

1

 name="keywords" content="electronics, gadgets, online store, tech" />

Neste exemplo, o content O atributo contém uma lista separada por vírgulas de palavras-chave relevantes.

Esta meta tag identifica o autor da página web.

1

 name="author" content="John Doe" />

Neste exemplo, o content atributo especifica o nome do autor.

Esta meta tag instrui o navegador a atualizar ou redirecionar automaticamente a página da web após um intervalo de tempo especificado. Aqui está um exemplo que atualiza a página a cada 5 segundos.

1

 http-equiv="refresh" content="5;url=https://example.com" />

Neste exemplo, 5 representa o número de segundos antes da atualização e url=https://example.com especifica o URL para o qual a página deve ser redirecionada após a atualização.

Esta metatag controla o modo de compatibilidade para versões mais antigas do Internet Explorer. Muitas vezes é usado para garantir que a página da web seja exibida corretamente no IE.

1

 http-equiv="X-UA-Compatible" content="IE=edge" />

Neste exemplo, IE=edge força o Internet Explorer a usar o modo de renderização mais alto disponível.

O O elemento suporta atributos globais e diversos que transmitem informações essenciais sobre o documento.

• charset: especifica a codificação de caracteres do documento. Por exemplo, UTF-8 é amplamente utilizado para lidar com caracteres Unicode.
• name: define o nome da propriedade de metadados. Valores comuns incluem description, keywordse viewport.
• content: fornece o valor ou conteúdo associado à propriedade de metadados. Por exemplo, o conteúdo de um description os metadados podem ser um breve resumo do conteúdo da página.
• http-equiv: Permite o elemento para simular um cabeçalho de resposta HTTP. Valores comuns incluem refresh para atualizações automáticas de página e X-UA-Compatible para controlar o modo de renderização do documento.
• name e content são frequentemente usados ​​em conjunto para fornecer informações estruturadas sobre o documento. Por exemplo, especificando name="author" e content="John Doe" identifica o autor da página web.

Contente

O O elemento não contém conteúdo visível, mas fornece dados estruturados sobre o documento. Aceita valores de texto para atributos como charset, namee content.

Você sabia?

• O elemento é essencial para otimização de mecanismos de pesquisa (SEO). Os mecanismos de pesquisa usam metadados como description para indexar e classificar páginas da web.
• O viewport meta tag é comumente usada para tornar as páginas da web responsivas a diferentes tamanhos de tela e dispositivos. Ajuda a controlar a escala inicial e o nível de zoom da página quando visualizada em dispositivos móveis.
• elementos com o http-equiv O atributo pode ser usado para especificar a codificação de caracteres, definir intervalos de atualização e definir modos de compatibilidade para versões mais antigas do Internet Explorer.