Meta tags:
description= Encontre nesta página a referência completa dos elementos padrão da especificação HTML5 com descrições resumidas de cada um.;
Headings (most frequently used words):
elementos, de, novos, html5, semânticos, referência, por, que, adicionou, estruturais, tipográficos, internacionalização, i18n, formulário, mídia, gráficos, outros, removidos, obsoletos, no, um, exemplo, semântico, rápido, prática,
Text of the page (most frequently used words):
html (51), #elementos (34), html5 (23), uma (21), svg (21), para (20), aprender (16), que (13), define (13), com (12), página (11), conteúdo (11), por (10), canvas (10), novos (9), como (9), semânticos (8), tags (8), texto (8), nav (7), referência (7), css (6), web (6), introdução (6), aside (6), article (6), descrição (6), w3docs (5), outros (5), footer (5), figure (5), header (5), navegadores (5), não (5), ruby (5), atributos (5), formatter (5), color (5), todos (4), code (4), generator (4), prática (4), mídia (4), formulário (4), page (4), main (4), figcaption (4), suporte (4), parte (4), dentro (4), documento (4), especifica (4), elemento (4), tag (4), idioma (3), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), exemplo (3), removidos (3), obsoletos (3), gráficos (3), estruturais (3), adicionou (3), section (3), dos (3), body (3), links (3), semantic (3), layout (3), padrão (3), mas (3), mais (3), pode (3), script (3), video (3), picture (3), audio (3), embed (3), imagens (3), scripts (3), wbr (3), data (3), details (3), navegação (3), principal (3), seção (3), apenas (3), vez (3), nomes (3), div (3), class (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), sobre (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), desde (2), semântico (2), rápido (2), tipográficos (2), internacionalização (2), i18n (2), this (2), marquee (2), spacer (2), quais (2), seguintes (2), são (2), válidos (2), blog (2), diagram (2), alt (2), img (2), about (2), href (2), abaixo (2), esboço (2), mesmo (2), sem (2), menu (2), removido (2), menuitem (2), keygen (2), esses (2), especificação (2), foram (2), suportam (2), você (2), contém (2), template (2), progresso (2), progress (2), meter (2), incorpora (2), vídeo (2), track (2), consulte (2), source (2), navegador (2), aplicações (2), onde (2), áudio (2), pela (2), interação (2), usuário (2), form (2), output (2), cria (2), entrada (2), input (2), datalist (2), marca (2), quebra (2), linha (2), legível (2), time (2), anotação (2), outras (2), línguas (2), leste (2), asiático (2), adiciona (2), exibido (2), base (2), mark (2), visível (2), máquina (2), direita (2), esquerda (2), bdi (2), descrevem (2), significado (2), cabeçalho (2), summary (2), documentos (2), autossuficiente (2), dialog (2), adicionais (2), antes (2), estrutura (2), tecnologias (2), span (2), aos (2), cada (2), multimídia (2), accept (2), dir (2), formulários (2), atributo (2), tutorial (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, gratuitos, 2014, next, previous, yes, was, helpful, verificar, copiar, 2024, other, posts, related, outline, structure, png, src, describe, meaning, not, just, appearance, why, matters, home, fragmento, mostra, encaixam, descrever, típico, note, ele, qualquer, definia, comando, contexto, nunca, teve, amplo, gerava, par, chaves, pública, privada, envio, use, seu, lugar, crypto, api, fizeram, então, forma, confiável, deve, usá, los, código, novo, inerte, renderizado, carregar, ser, clonado, inserido, exibe, conclusão, tarefa, barra, medição, escalar, intervalo, conhecido, uso, disco, faixas, legendas, subtítulos, desenha, vetoriais, escaláveis, múltiplos, recursos, diferentes, formatos, fornece, múltiplas, fontes, imagem, possa, escolher, melhor, viewport, formato, funciona, contêiner, externas, interativo, padronizado, área, podemos, desenhar, objetos, animações, composições, fotográficas, via, local, representar, resultado, cálculo, realizado, lista, opções, predefinidas, posição, adicionar, necessário, oportunidade, palavra, horário, humanos, relógio, horas, precisa, calendário, gregoriano, furigana, guias, fonéticos, usados, japonês, pronúncia, acima, lado, alternativo, tem, relevância, vincula, adicionado, value, isola, bidirecional, quando, direcionalidade, árabe, hebraico, usado, junto, idiomas, nível, anotações, tratamento, direções, mistas, seções, independentes, logicamente, conectado, bloco, seja, atual, rodapé, legenda, explicação, caixa, diálogo, janela, detalhes, abrir, visualizar, informações, relacionadas, redor, independente, alguns, listados, existiam, nos, muito, formalmente, especificados, nele, serem, completamente, padronizados, nota, guia, completo, estruturar, semanticamente, marcação, semântica, portanto, próximo, desenvolvedor, futuro, entende, precisar, decodificar, ganchos, manutenibilidade, mecanismos, busca, rastreadores, usam, entender, qual, adivinhar, partir, classe, trata, seo, legibilidade, máquinas, leitores, tela, assistivas, expõem, pontos, complementar, permitindo, usuários, saltem, diretamente, desejada, anunciado, acessibilidade, era, construída, quase, inteiramente, contêineres, genéricos, diferenciados, faziam, sentido, autor, nada, significavam, introduziu, cujos, envolvem, sua, aparência, isso, importa, três, razões, concretas, esta, rápida, formalizou, leva, capítulo, dedicado, executáveis, conjunto, criar, sites, diversificados, poderosos, interfaces, software, estruturação, entre, encontre, nesta, completa, descrições, resumidas, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, attribute, reference, forms, vídeos, youtube, media, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, filtros, stroking, text, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, var, title, thead, tfoot, textarea, tbody, table, sup, sub, style, strong, strike, small, select, samp, rtc, pre, plaintext, param, option, optgroup, object, noscript, noframes, nobr, meta, map, link, legend, label, kbd, isindex, ins, iframe, hgroup, head, frameset, frame, font, fieldset, dfn, del, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, basefont, area, applet, address, acronym, abbr, doctype, evento, globais, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, 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):
referência de elementos html5 aprender html 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 referência de elementos html5 encontre nesta página a referência completa dos elementos padrão da especificação html5 com descrições resumidas de cada um html5 é um conjunto de tecnologias para criar sites e aplicações web mais diversificados e poderosos com suporte a multimídia interação com interfaces de software estruturação de documentos entre outros esta página é uma referência rápida aos elementos que o html5 adicionou ou formalizou cada entrada leva a um capítulo dedicado com atributos suporte a navegadores e exemplos executáveis por que o html5 adicionou elementos semânticos antes do html5 a estrutura de uma página era construída quase inteiramente com contêineres genéricos div e span diferenciados apenas por nomes de class ou id que faziam sentido para o autor mas nada significavam para a máquina o html5 introduziu elementos semânticos tags cujos nomes descrevem o significado do conteúdo que envolvem header nav article footer em vez de apenas sua aparência isso importa por três razões concretas acessibilidade leitores de tela e outras tecnologias assistivas expõem pontos de referência como principal navegação e complementar permitindo que os usuários saltem diretamente para a parte desejada um nav é anunciado como navegação um div class nav não é seo e legibilidade por máquinas mecanismos de busca e outros rastreadores usam a estrutura para entender do que uma página trata e qual parte é o conteúdo principal em vez de adivinhar a partir de nomes de classe manutenibilidade a marcação semântica lê se como um esboço da página portanto o próximo desenvolvedor ou você mesmo no futuro entende o layout sem precisar decodificar ganchos css para um guia mais completo sobre como estruturar uma página semanticamente consulte elementos semânticos em html5 nota alguns elementos listados abaixo como embed e wbr já existiam nos navegadores muito antes do html5 e foram apenas padronizados formalmente especificados nele em vez de serem completamente novos novos elementos estruturais semânticos elementos descrição article define um conteúdo independente e autossuficiente aside define uma seção com informações adicionais relacionadas ao conteúdo ao redor do elemento aside details contém detalhes adicionais que o usuário pode abrir e visualizar dialog especifica uma caixa de diálogo ou janela figcaption adiciona uma legenda ou explicação ao conteúdo da tag figure figure especifica um conteúdo autossuficiente footer define o rodapé de uma página web ou seção header define o cabeçalho de uma página ou seção main especifica o conteúdo principal de um documento nav define um bloco de links de navegação seja dentro do documento atual ou para outros documentos section cria seções independentes dentro de uma página web com conteúdo logicamente conectado summary define o cabeçalho visível para o elemento details elementos tipográficos e de internacionalização i18n esses elementos descrevem o significado no nível do texto anotações e o tratamento de scripts com direções mistas ou de línguas do leste asiático elementos descrição bdi isola texto bidirecional quando um idioma com direcionalidade da direita para a esquerda como árabe ou hebraico é usado junto com idiomas da esquerda para a direita data vincula o conteúdo visível a um value legível por máquina adicionado no html 5 1 mark marca uma parte do texto que tem relevância rp define texto alternativo exibido em navegadores que não suportam a tag ruby rt adiciona o texto de pronúncia anotação exibido acima ou ao lado do texto base dentro de um elemento ruby ruby define uma anotação ruby furigana guias fonéticos usados com japonês e outras línguas do leste asiático time define um horário legível por humanos em um relógio de 24 horas ou uma data precisa no calendário gregoriano wbr marca uma posição onde o navegador pode adicionar uma quebra de linha se necessário uma oportunidade de quebra de palavra novos elementos de formulário elementos descrição datalist cria uma lista de opções de entrada predefinidas pela tag input output define um local para representar o resultado de um cálculo realizado por um script ou pela interação do usuário com um elemento de formulário tag form novos elementos de mídia e gráficos elementos descrição audio incorpora conteúdo de áudio em um documento html canvas define uma área na página web onde podemos desenhar objetos imagens animações e composições fotográficas via scripts embed funciona como contêiner para aplicações externas e conteúdo interativo padronizado no html5 picture fornece múltiplas fontes de imagem para que o navegador possa escolher a melhor para o viewport ou formato source define múltiplos recursos de mídia em diferentes formatos para audio video ou picture svg desenha gráficos vetoriais escaláveis consulte svg em html5 track especifica faixas de texto legendas subtítulos para elementos de mídia video incorpora vídeo em um documento html outros novos elementos elementos descrição meter define uma medição escalar dentro de um intervalo conhecido por exemplo uso de disco progress exibe o progresso de conclusão de uma tarefa uma barra de progresso template contém html inerte que não é renderizado ao carregar mas pode ser clonado e inserido por script removidos obsoletos no html5 esses elementos já fizeram parte da especificação mas desde então foram removidos os navegadores não os suportam mais de forma confiável e você não deve usá los em código novo elementos descrição keygen gerava um par de chaves pública privada no envio do formulário removido do padrão use a web crypto api em seu lugar menuitem definia um comando em um menu de contexto removido do padrão nunca teve suporte amplo um exemplo semântico rápido o fragmento abaixo mostra como os elementos estruturais se encaixam para descrever um layout de página típico note que ele lê se como um esboço mesmo sem qualquer css body header h1 my blog h1 nav a href home a a href about about a nav header main article h2 why semantic html matters h2 p semantic tags describe meaning not just appearance p figure img src diagram png alt page structure diagram figcaption a semantic page outline figcaption figure article aside h2 related h2 p links to other posts p aside main footer p 2024 my blog p footer body copiar prática prática quais dos seguintes são elementos html5 válidos quais dos seguintes são elementos html5 válidos article section spacer aside marquee verificar was this page helpful yes no previous introdução ao html5 next elementos semânticos on this page por que o html5 adicionou elementos semânticos novos elementos estruturais semânticos elementos tipográficos e de internacionalização i18n novos elementos de formulário novos elementos de mídia e gráficos outros novos elementos removidos obsoletos no html5 um exemplo semântico rápido 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
|
