English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O tag <meta> do HTML contém informações ou metadados que não são visíveis diretamente na página da web, mas são usados pelo navegador e pelos motores de busca. Este tag também é conhecido como elemento <meta>.
Descrição dos metadados do documento HTML：
!doctype html <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag."> <meta name="keywords" content="html, meta, tag, element"> <meta name="author" content="pt.oldtoolbag.com"> <title>Base Tutorial Website(oldtoolbag.com)</title> </head> <body> </body> </html>Teste para ver ‹/›
Aqui no HTML5no exemplo de documento, criamos5quantidade de meta tags. A primeira meta tag (charset）define o conjunto de caracteres do documento HTML. Ao projetar sites responsivos, será usado o segundo meta tag (viewport）。O terceiro meta tag (description) fornece uma descrição da página da web para mecanismos de busca. O quarto metadado (Palavras-chave）fornece palavras-chave para mecanismos de busca. O meta tag final (author) define o autor da página da web.
IEFirefoxOperaChromeSafari
Todos os navegadores principais suportam a etiqueta <meta>.
Os metadados (Metadata) são informações sobre dados.
A etiqueta <meta> fornece metadados do documento HTML. Os metadados não são exibidos no cliente, mas são analisados pelo navegador.
O elemento META é usado para especificar a descrição da página da web, palavras-chave, a última modificação do arquivo, autor e outros metadados.
Os metadados podem ser usados por navegadores (como exibir conteúdo ou recarregar a página), mecanismos de busca (palavras-chave), ou outros serviços da Web.
Atenção:A etiqueta <meta> geralmente está localizada em <head> região.
Atenção: Os metadados geralmente aparecem em uma área/aparece em pares de valores.
Atenção: Se não for fornecida a propriedade name, o nome/O nome no valor do par de nomes será http-equiv属性的值。
HTML5 não suporta a propriedade scheme.
No HTML5 Neste, há uma nova propriedade charset, que facilita a definição de conjunto de caracteres:
HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
No HTML, a etiqueta <meta> não possui sinal de fechamento.
No XHTML, a etiqueta <meta> deve conter o sinal de fechamento.
Example 1 - Definição de palavras-chave do documento, usadas por mecanismos de busca:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Example 2 - Definição da descrição da página web:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Example 3 - Definição do autor da página:
<meta name="author" content="nhoo.com">
Example 4 - Every3Refresh the page every 0 seconds:
<meta http-equiv="refresh" content="30">
New: HTML5 New attribute.
| Attribute | Value | Description |
|---|---|---|
| charsetHTML5 | character_set | Define the character encoding of the document. |
| content | text | Define with http-equiv or name attribute related meta-information. |
| http-equiv | content-type default-style refresh | Associate the content attribute with the HTTP header. |
| name | application-name author description generator keywords | Associate the content attribute with a name. |
| scheme | format/URI | HTML5Not supported. Define the format for the translation of the content attribute value. |
<meta> tag supports all HTML event attributes.
HTML tutorial:HTML header