Meta tags:
description= A tag define o conteúdo principal do documento em HTML5. Descrição, atributos e exemplos da tag.;
Headings (most frequently used words):
main, tag, html, pode, de, um, onde, não, ser, usado, acessibilidade, landmark, sintaxe, atributos, estilizando, elemento, prática, exemplo, da, em, uma, estrutura, documento, completa, adicionando, link, pular, para, conteúdo, principal, usando, mais, com, atributo, hidden,
Text of the page (most frequently used words):
html (67), main (55), svg (19), aprender (15), elemento (15), css (13), página (13), conteúdo (12), para (11), #atributos (9), tag (9), canvas (9), ele (8), header (8), nav (8), uma (8), body (8), pode (7), link (7), elementos (7), documento (7), como (7), que (7), href (7), tags (7), html5 (7), web (6), landmark (6), footer (6), atributo (6), hidden (6), color (6), content (6), title (6), article (6), w3docs (5), não (5), apenas (5), principal (5), copiar (5), layout (5), site (5), languages (5), navegação (5), head (5), introdução (5), formatter (5), todos (4), code (4), generator (4), prática (4), javascript (4), ser (4), this (4), por (4), the (4), view (4), programming (4), pular (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), onde (3), dentro (3), dos (3), visível (3), estrutura (3), uso (3), todas (3), dom (3), diretamente (3), and (3), are (3), intended (3), for (3), tutorials (3), usuários (3), teclado (3), leitores (3), tela (3), doctype (3), cabeçalho (3), language (3), templates (3), string (3), tools (3), 2026 (2), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), sobre (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), estilizando (2), sintaxe (2), acessibilidade (2), usado (2), page (2), map (2), devem (2), navegadores (2), envolve (2), dominante (2), específico (2), qual (2), importância (2), selecione (2), opções (2), corretas (2), center (2), block (2), display (2), bloco (2), conter (2), evento (2), globais (2), usuário (2), visualização (2), script (2), exatamente (2), mesmo (2), mas (2), usando (2), mais (2), atalho (2), rodapé (2), páginas (2), portanto (2), completa (2), você (2), text (2), markup (2), exemplo (2), esse (2), div (2), aside (2), links (2), menu (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, gratuitos, desde, 2014, next, previous, yes, was, helpful, verificar, aninhado, permitido, extras, usar, modifica, estilo, visual, ajuda, dispositivos, assistivos, entender, meio, f9f9f9, background, padding, column, auto, margin, 800, max, width, ensures, older, browsers, contêiner, estrutural, então, estilize, qualquer, lugar, natural, definir, largura, leitura, geral, preenchimento, espaçamento, suporta, quando, muda, alterna, fique, vez, but, until, activated, settings, visible, home, quaisquer, adicionais, ter, isso, útil, aplicações, única, spas, várias, visualizações, existem, tempo, ativa, exibida, com, ativar, foco, movido, modo, chega, skip, permite, pulem, repetida, associe, adicionando, result, real, fica, lado, outros, repetem, ficam, fora, vai, dele, experimente, styles, defining, documents, hyper, hypertext, which, used, create, pages, document, vem, pares, escrito, entre, abertura, fechamento, deve, haver, também, podem, repetido, banners, anúncios, técnica, atribuir, torna, destino, veja, abaixo, representa, aria, tecnologias, assistivas, expõem, landmarks, possam, acessar, principais, regiões, prefira, invés, adicionar, genérico, pois, carrega, papel, implicitamente, role, este, faz, parte, árvore, excluído, esboço, contrário, contribuem, colocado, região, nível, superior, esses, contenedores, aplicam, esta, aborda, serve, encaixa, junto, viabiliza, regras, introduzido, especificação, ela, exclusivo, daquele, repete, nas, demais, barra, lateral, campo, busca, define, descrição, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, texto, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, style, strong, strike, span, spacer, source, small, select, section, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, meter, meta, menuitem, marquee, mark, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, frameset, frame, form, font, figure, figcaption, fieldset, embed, dialog, dfn, details, del, datalist, data, colgroup, col, cite, caption, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, area, applet, address, acronym, abbr, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, métodos, atalhos, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, suporte, áudio, vídeo, semânticos, computercode, caminhos, arquivo, estilos, scripts, 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):
tag html main 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 tag html main a tag define o conteúdo principal do documento em html5 descrição atributos e exemplos da tag a tag main é um elemento de bloco introduzido na especificação do html5 ela envolve o conteúdo dominante do body do documento o conteúdo que é exclusivo daquele documento e não se repete nas demais páginas do site como o cabeçalho do site menu de navegação barra lateral campo de busca ou rodapé esta página aborda para que serve o main como ele se encaixa em uma estrutura de documento completa junto ao header nav e footer como ele viabiliza links pular para o conteúdo e as regras sobre o uso de mais de um main em uma página onde o main pode e não pode ser usado o elemento main não pode ser colocado dentro de um elemento article aside footer header ou nav main é uma região de nível superior portanto esses elementos contenedores não se aplicam a ele este elemento faz parte da árvore dom mas é excluído do esboço do documento ao contrário dos elementos de cabeçalho como h1 a h6 que contribuem para ele acessibilidade e o landmark main main representa o landmark aria main tecnologias assistivas como leitores de tela expõem landmarks para que os usuários possam acessar diretamente as principais regiões de uma página prefira o elemento main ao invés de adicionar role main a um elemento genérico como um div pois o main carrega esse papel implicitamente deve haver exatamente um landmark main por página usuários de teclado e leitores de tela também podem pular conteúdo repetido navegação banners anúncios usando a técnica de pular navegação se você atribuir um id ao elemento main esse id se torna o destino de um link de atalho veja o exemplo abaixo sintaxe a tag main vem em pares o conteúdo é escrito entre as tags de abertura main e fechamento main exemplo da tag html main tag html main doctype html html head title title of the document title head body main h1 programming languages h1 p languages html and css are intended for site layout p article h2 html h2 p html hyper text markup language is a language of hypertext markup which is used to create web pages p p p p p article article h2 css h2 p css is a language of styles defining the display of html documents p p p article main body html copiar experimente você mesmo main em uma estrutura de documento completa em uma página real main fica ao lado dos outros elementos landmark o cabeçalho a navegação e o rodapé se repetem em todas as páginas portanto ficam fora do main apenas o conteúdo específico da página vai dentro dele doctype html html head title programming languages title head body header h1 my web tutorials h1 header nav a href html html a a href css css a a href js javascript a nav main h2 programming languages h2 p html and css are intended for site layout p main footer p 2026 my web tutorials p footer body html copiar result adicionando um link pular para o conteúdo principal um link de atalho permite que usuários de teclado e leitores de tela pulem diretamente a navegação repetida associe o href do link ao id do elemento main body a href main content skip to main content a header h1 my web tutorials h1 header nav a href html html a a href css css a nav main id main content h2 programming languages h2 p html and css are intended for site layout p main body copiar ao ativar o link o foco é movido para main content de modo que o usuário chega diretamente ao conteúdo principal da página usando mais de um main com o atributo hidden uma página pode conter apenas um elemento main visível quaisquer elementos main adicionais devem ter o atributo hidden isso é útil em aplicações de página única spas onde várias visualizações existem no dom ao mesmo tempo mas apenas a visualização ativa é exibida main h2 home view h2 p this view is visible p main main hidden h2 settings view h2 p this view is in the dom but hidden until activated p main copiar quando o usuário muda de visualização o script alterna o atributo hidden para que exatamente um main fique visível por vez atributos a tag main suporta os atributos globais e os atributos de evento estilizando o elemento main main é apenas um contêiner estrutural então estilize o como qualquer elemento de bloco por conter o conteúdo principal da página é um lugar natural para definir a largura de leitura geral o preenchimento e o espaçamento main display block ensures block layout in older browsers max width 800 px margin 0 auto center the content column padding 20 px background color f9f9f9 copiar prática prática qual é a importância e o uso do elemento main em html selecione todas as opções corretas qual é a importância e o uso do elemento main em html selecione todas as opções corretas ele envolve o conteúdo dominante e específico da página no documento ele ajuda navegadores e dispositivos assistivos a entender a estrutura da página por meio do landmark main ele modifica o estilo visual do conteúdo principal de uma página web apenas um elemento main visível é permitido os extras devem usar o atributo hidden ele pode ser aninhado dentro dos elementos header nav ou footer verificar was this page helpful yes no previous link next map on this page onde o main pode e não pode ser usado acessibilidade e o landmark main sintaxe atributos estilizando o elemento main 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
|
