Meta tags:
description=A tag meta define metadados que informam o navegador e os motores de busca sobre o documento HTML. Descrição, atributos e exemplos de uso.;

Headings (most frequently used words):

meta, tag, de, http, html, sintaxe, codificação, caracteres, charset, viewport, seo, description, outros, valores, name, content, simulando, cabeçalhos, equiv, compartilhamento, social, open, graph, twitter, cards, um, exemplo, completo, head, atributos, tags, relacionadas, prática,

Text of the page (most frequently used words):
meta (67), html (64), content (45), name (29), tag (25), para (20), tags (20), http (20), svg (19), que (18), página (16), aprender (15), uma (15), viewport (14), com (14), equiv (12), #description (12), property (12), codificação (11), caracteres (11), w3docs (10), atributos (10), twitter (10), charset (10), como (10), atributo (10), todos (9), head (9), title (9), the (9), canvas (9), open (8), graph (8), page (8), color (8), utf (8), copiar (8), css (7), seo (7), url (7), generator (6), social (6), metadados (6), documento (6), link (6), and (6), width (6), não (6), html5 (6), ela (5), define (5), busca (5), image (5), refresh (5), https (5), www (5), with (5), examples (5), encoding (5), ser (5), deve (5), introdução (5), formatter (5), sobre (4), code (4), prática (4), web (4), valores (4), por (4), author (4), cabeçalho (4), seu (4), type (4), valor (4), full (4), guide (4), scale (4), pode (4), motores (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), this (3), imagens (3), elementos (3), conteúdo (3), descrição (3), qual (3), style (3), base (3), links (3), título (3), resultados (3), nomeia (3), plataformas (3), sociais (3), keywords (3), robots (3), theme (3), referrer (3), resposta (3), text (3), body (3), images (3), preview (3), png (3), controls (3), explained (3), device (3), initial (3), vez (3), resumo (3), mais (3), isso (3), zoom (3), dispositivo (3), largura (3), navegadores (3), navegador (3), dentro (3), elemento (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), relacionadas (2), exemplo (2), completo (2), compartilhamento (2), cards (2), simulando (2), cabeçalhos (2), outros (2), sintaxe (2), meter (2), next (2), menuitem (2), usada (2), contêiner (2), usuário (2), objetivo (2), diretamente (2), exibido (2), evento (2), globais (2), simula (2), summary_large_image (2), card (2), 10b981 (2), jane (2), doe (2), copy (2), paste (2), doctype (2), essas (2), real (2), pré (2), imagem (2), usando (2), learn (2), quando (2), leem (2), usam (2), evite (2), redirecionamento (2), usuários (2), aos (2), acessibilidade (2), seconds (2), auto (2), comuns (2), foi (2), origin (2), search (2), index (2), how (2), tipo (2), metadado (2), abaixo (2), aproximadamente (2), textos (2), essa (2), única (2), linha (2), qualquer (2), móveis (2), pixel (2), independente (2), layout (2), desktop (2), 980px (2), sem (2), texto (2), scripts (2), moderna (2), sempre (2), você (2), junto (2), par (2), xhtml (2), dia (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, gratuitos, desde, 2014, previous, yes, was, helpful, verificar, exibir, principal, visíveis, exibe, fornece, conjunto, configurações, incorpora, relativos, vincula, recursos, externos, folhas, estilo, favicons, abas, também, suporta, propriedade, contidos, application, determina, processamento, default, dos, use, character_set, goes, here, styles, href, stylesheet, rel, everything, lang, veja, encaixam, forneça, absoluta, torno, 1200, 630px, visualizações, mostrem, grande, nítida, miniatura, pequena, nenhuma, adiciona, suas, próprias, website, alguém, compartilha, facebook, linkedin, slack, criar, cartão, visualização, atualização, automático, desorientar, interromper, leitores, tela, prejudicar, pessoas, precisam, tempo, ler, atende, critérios, sucesso, prefira, lado, servidor, visível, clica, wcag, aviso, redirect, another, after, every, declare, legacy, alternative, permite, substitua, ignorada, principais, atualmente, omitida, segurança, antigo, removido, utilizado, scheme, nota, strict, when, cross, limit, information, sent, other, sites, tint, mobile, browser, match, your, brand, noindex, nofollow, keep, out, results, follow, control, engines, crawl, software, that, generated, guarda, aumenta, classificações, mas, claro, relevante, melhora, taxas, clique, partir, sharing, frequentemente, exibem, sua, nos, alternativa, busque, frase, concisa, envolvente, longos, são, truncados, reticências, 150, 160, obrigatória, site, pretenda, ter, boa, aparência, dispositivos, adicionar, bloqueia, pinça, prejudica, baixa, visão, maximum, user, scalable, inicia, nível, corresponda, carregamento, próprio, 390px, celular, falsa, cada, parte, faz, torna, celulares, tablets, assumem, criada, renderizam, depois, diminuem, resultado, deixando, minúsculos, reduzido, adicione, adapta, responsiva, coloque, cedo, conheça, antes, analisar, ele, representar, idiomas, acentos, emoji, símbolos, moeda, cjk, universal, declarada, corretamente, inferida, podem, tornar, ilegíveis, mojibake, exige, novos, documentos, padrão, informa, usar, decodificar, primeira, coisa, fornecer, estiver, presente, usado, indica, utiliza, dois, padrões, tem, nem, fechamento, fechada, vazio, esta, aborda, realmente, usará, simulação, controlam, aparecem, serem, compartilhados, conter, várias, quase, toda, precisa, pelo, menos, algumas, delas, todas, ficam, carrega, informações, nela, redes, esses, decidir, renderizar, indexá, exibi, compartilhada, nada, aparece, própria, informam, uso, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, contenteditable, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, span, spacer, source, small, select, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, menu, marquee, mark, map, main, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, bdi, basefont, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, tabela, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, códigos, 8859, ascii, conjuntos, references, migração, suporte, áudio, vídeo, semânticos, computercode, caminhos, arquivo, estilos, blocos, tabelas, comentários, cores, listas, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
html meta tag w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset html meta tag a tag meta define metadados que informam o navegador e os motores de busca sobre o documento html descrição atributos e exemplos de uso a tag meta carrega metadados informações sobre a página e não conteúdo exibido nela navegadores motores de busca e redes sociais leem esses metadados para decidir como renderizar a página como indexá la e como exibi la quando é compartilhada nada dentro de um elemento meta aparece na própria página um documento pode conter várias tags meta e quase toda página moderna precisa de pelo menos algumas delas codificação de caracteres e o viewport todas as tags meta ficam dentro do elemento head junto com as tags title e link esta página aborda as meta tags que você realmente usará no dia a dia codificação o viewport a description para seo a simulação de cabeçalho http equiv e as tags open graph twitter que controlam como os links aparecem ao serem compartilhados sintaxe a tag meta é um elemento vazio não tem conteúdo nem tag de fechamento em xhtml deve ser auto fechada meta uma tag meta utiliza um de dois padrões um par name content ou property content para open graph name indica o tipo de metadado content é seu valor um atributo charset independente ou um par http equiv content que simula um cabeçalho de resposta http você deve fornecer o atributo content sempre que name ou http equiv estiver presente o atributo content não é usado junto com charset codificação de caracteres meta charset essa tag informa ao navegador qual codificação de caracteres usar ao decodificar o documento deve ser a primeira coisa dentro do head e deve sempre ser utf 8 meta charset utf 8 copiar por que utf 8 ele pode representar todos os caracteres de todos os idiomas acentos emoji símbolos de moeda scripts cjk usando uma única codificação universal sem uma codificação declarada ou corretamente inferida caracteres como é ou podem se tornar caracteres ilegíveis mojibake utf 8 é a codificação da web moderna o padrão html o exige para novos documentos coloque o cedo para que o navegador conheça a codificação antes de analisar qualquer texto a meta tag viewport a tag viewport é o que torna uma página responsiva em celulares e tablets sem ela os navegadores móveis assumem que a página foi criada para desktop e a renderizam com aproximadamente 980px de largura depois diminuem o resultado deixando textos minúsculos e com zoom reduzido adicione isso e a página se adapta ao dispositivo meta name viewport content width device width initial scale 1 0 copiar o que cada parte faz width device width define o viewport de layout como a largura do próprio dispositivo ex 390px em um celular em vez de uma largura de desktop falsa de 980px initial scale 1 0 inicia com um nível de zoom 1 1 para que um pixel css corresponda a um pixel independente de dispositivo no carregamento essa única linha é obrigatória para qualquer site que pretenda ter boa aparência em dispositivos móveis evite adicionar user scalable no ou maximum scale abaixo de 5 isso bloqueia o zoom por pinça e prejudica a acessibilidade para usuários com baixa visão seo a meta tag description a description é o resumo que os motores de busca frequentemente exibem abaixo do título da sua página nos resultados e que as plataformas sociais usam como alternativa busque uma frase concisa e envolvente de aproximadamente 150 160 caracteres textos mais longos são truncados com reticências meta name description content learn how the html meta tag controls encoding the viewport seo and social sharing with copy paste examples copiar a description não aumenta diretamente as classificações mas um resumo claro e relevante melhora as taxas de clique a partir da página de resultados outros valores name content o atributo name nomeia o tipo de metadado content guarda seu valor valores comuns author of the page meta name author content jane doe software that generated the page meta name generator content next js control how search engines crawl and index this page meta name robots content index follow or keep a page out of search results meta name robots content noindex nofollow tint the mobile browser ui to match your brand meta name theme color content 10b981 limit the referrer information sent to other sites meta name referrer content strict origin when cross origin copiar nota a meta tag keywords meta name keywords content é ignorada por todos os principais motores de busca atualmente e pode ser omitida com segurança o antigo atributo scheme foi removido no html5 e não deve ser utilizado simulando cabeçalhos http http equiv o atributo http equiv permite que uma tag meta substitua um cabeçalho de resposta http os valores mais comuns declare the content type and encoding legacy alternative to charset meta http equiv content type content text html charset utf 8 auto refresh the page every 60 seconds meta http equiv refresh content 60 or redirect to another url after 3 seconds meta http equiv refresh content 3 url https www w3docs com copiar aviso de acessibilidade evite http equiv refresh uma página com atualização ou redirecionamento automático pode desorientar os usuários interromper leitores de tela e prejudicar pessoas que precisam de mais tempo para ler isso não atende aos critérios de sucesso do wcag prefira um redirecionamento http real do lado do servidor ou um link visível que o usuário clica compartilhamento social open graph e twitter cards quando alguém compartilha seu link no facebook linkedin slack ou x essas plataformas leem as tags open graph para criar o cartão de pré visualização título resumo imagem as tags open graph usam o atributo property em vez de name meta property og title content html meta tag full guide meta property og description content encoding viewport seo and social meta tags explained with examples meta property og image content https www w3docs com images meta preview png meta property og url content https www w3docs com learn html html meta tag html meta property og type content website copiar o x twitter adiciona suas próprias tags usando name meta name twitter card content summary_large_image meta name twitter title content html meta tag full guide meta name twitter description content encoding viewport seo and social meta tags explained with examples meta name twitter image content https www w3docs com images meta preview png copiar forneça uma url absoluta para og image em torno de 1200 630px para que as pré visualizações mostrem uma imagem grande e nítida em vez de uma miniatura pequena ou nenhuma um exemplo completo de head veja como essas tags se encaixam em um documento real doctype html html lang en head meta charset utf 8 meta name viewport content width device width initial scale 1 0 title html meta tag full guide title meta name description content encoding viewport seo and social meta tags explained with copy paste examples meta name author content jane doe meta name theme color content 10b981 open graph meta property og title content html meta tag full guide meta property og description content everything the meta tag controls with examples meta property og image content https www w3docs com images meta preview png twitter meta name twitter card content summary_large_image link rel stylesheet href styles css head body h1 page content goes here h1 body html copiar atributos atributo valor descrição charset character_set define a codificação de caracteres do documento use utf 8 content text define o valor dos atributos name property ou http equiv http equiv content type default style refresh simula um cabeçalho de resposta http e determina seu processamento name application name author description generator keywords robots theme color referrer viewport nomeia os metadados contidos em content property og title og description og image nomeia uma propriedade open graph usada por plataformas sociais a tag meta também suporta os atributos globais e os atributos de evento tags relacionadas head o contêiner para todos os metadados title o título da página exibido em abas e resultados de busca link vincula recursos externos como folhas de estilo e favicons base define uma url base para todos os links relativos da página style incorpora css diretamente no head prática prática qual é o objetivo de uma meta tag em html qual é o objetivo de uma meta tag em html ela fornece metadados sobre o documento html como conjunto de caracteres descrição e configurações de viewport ela exibe o conteúdo da página web ao usuário ela é o contêiner principal para elementos visíveis da página ela é usada para exibir imagens na página web verificar was this page helpful yes no previous menuitem next meter on this page sintaxe codificação de caracteres meta charset a meta tag viewport seo a meta tag description outros valores name content simulando cabeçalhos http http equiv compartilhamento social open graph e twitter cards um exemplo completo de head atributos tags relacionadas prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores