Meta tags:
description=HTML5 é mais do que uma nova versão do HTML — é um conjunto de tecnologias para criar sites e aplicações web mais poderosos e diversificados.;

Headings (most frequently used words):

de, conteúdo, ao, elementos, html5, pertencentes, exemplo, do, novos, no, metadados, fluxo, seccionamento, cabeçalho, fraseado, incorporado, interativo, introdução, vs, html, living, standard, benefícios, que, mudou, html4, para, semânticos, tipos, entrada, atributos, formulários, novas, apis, javascript, áudio, vídeo, nativos, modelos, prática, removidos, obsoletos, adicionados, exemplos, palpável, as, categorias, secundárias,

Text of the page (most frequently used words):
html (91), conteúdo (74), #elementos (52), html5 (36), para (28), svg (27), the (26), title (26), que (25), canvas (23), uma (20), body (17), head (17), aprender (16), video (16), label (16), doctype (15), com (15), atributo (15), pertencentes (15), audio (15), for (15), type (15), mais (15), elemento (14), fraseado (13), web (12), são (12), exemplo (12), atributos (11), por (11), input (11), option (11), javascript (10), não (10), css (9), novos (9), tags (9), script (9), modelo (9), especificado (9), copiar (9), button (9), color (9), página (9), como (9), w3docs (8), tipos (8), formulários (8), semânticos (8), seccionamento (8), object (8), fluxo (8), interativo (8), apenas (8), você (8), mesmo (8), document (8), article (8), navegador (8), introdução (8), modelos (7), url (7), documento (7), controls (7), source (7), scripts (7), ins (7), img (7), form (7), tag (7), cabeçalho (7), section (7), code (6), entrada (6), suporte (6), map (6), pode (6), ser (6), experimente (6), textarea (6), select (6), example (6), iframe (6), meta (6), text (6), strong (6), sup (6), div (6), metadados (6), multimídia (6), todos (5), generator (5), prática (5), php (5), áudio (5), vídeo (5), apis (5), sem (5), plug (5), mas (5), figure (5), seguintes (5), value (5), embed (5), src (5), var (5), incorporado (5), mark (5), sub (5), abbr (5), footer (5), header (5), nav (5), aside (5), categoria (5), email (5), formatter (5), exemplos (4), nativos (4), html4 (4), this (4), templates (4), qual (4), font (4), foi (4), mídia (4), categorias (4), diretamente (4), dados (4), usados (4), esses (4), seu (4), del (4), details (4), template (4), condição (4), palpável (4), pertencem (4), usuário (4), 100 (4), width (4), context (4), itemprop (4), contiver (4), link (4), somente (4), texto (4), time (4), noscript (4), data (4), hgroup (4), dos (4), main (4), style (4), links (4), apresentação (4), gráficos (4), conjunto (4), aplicações (4), sobre (3), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), novas (3), mudou (3), benefícios (3), living (3), standard (3), center (3), frameset (3), podem (3), fieldset (3), dialog (3), blockquote (3), ter (3), específica (3), atendida (3), your (3), height (3), api (3), marcação (3), picture (3), dentro (3), area (3), lorem (3), ipsum (3), wbr (3), span (3), small (3), samp (3), ruby (3), progress (3), output (3), meter (3), kbd (3), dfn (3), datalist (3), cite (3), bdo (3), seção (3), and (3), estrutura (3), cada (3), use (3), address (3), incluem (3), utf (3), charset (3), outros (3), parte (3), estão (3), abaixo (3), veja (3), navegadores (3), navegação (3), geolocalização (3), storage (3), tabelas (3), autofocus (3), range (3), date (3), obsoletos (3), criar (3), sites (3), string (3), tools (3), desenvolvedores (2), 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), snippets (2), desde (2), 2014 (2), page (2), verificar (2), nenhum (2), declara (2), filhos (2), introduzido (2), reproduzir (2), secundárias (2), dão (2), seja (2), especificando (2), chamados (2), tipo (2), pai (2), conter (2), esta (2), casos (2), vazio (2), após (2), quando (2), devem (2), pelo (2), hidden (2), usemap (2), send (2), books (2), content (2), inclui (2), interação (2), eles (2), 200 (2), alt (2), media (2), 1c87c9 (2), canvasexample (2), linguagem (2), important (2), part (2), used (2), website (2), learn (2), lipsum (2), reference (2), about (2), with (2), here (2), some (2), definem (2), criam (2), rose (2), worship (2), aqueles (2), rodapé (2), título (2), resource (2), desta (2), table (2), pre (2), menu (2), bdi (2), base (2), recursos (2), também (2), fazem (2), significa (2), tempo (2), listados (2), grupos (2), descrevem (2), browser (2), does (2), not (2), support (2), ogg (2), sound (2), webm (2), movie (2), mp4 (2), interface (2), formato (2), compatível (2), muito (2), completamente (2), websockets (2), workers (2), entre (2), pixel (2), submit (2), max (2), min (2), number (2), required (2), placeholder (2), necessária (2), aos (2), controles (2), seletores (2), figcaption (2), principais (2), vez (2), papel (2), noframes (2), frame (2), strike (2), big (2), removidos (2), meio (2), versões (2), dispositivos (2), nova (2), versão (2), tecnologias (2), poderosos (2), diversificados (2), accept (2), dir (2), referência (2), tutorial (2), imagens (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, política, privacidade, contato, empresa, try, tutoriais, gratuitos, next, previous, yes, was, helpful, necessário, public, dtd, longa, aquelas, contribuem, saída, renderizada, contendo, código, serão, raízes, transparente, herdam, permitido, obrigatória, estar, preenchido, execução, externo, está, nem, oculto, renderizado, tem, substância, cujo, menos, esse, deve, comments, author, cols, rows, comment, name, interactive, projetados, especificamente, href, 32ff00, fill, ellipse, 150, 350, 185, aleq, https, uploads, default, 0001, 25acddb3da54207bc6beb5838f65f022feaa81d7, jpeg, filltext, fillstyle, 30pt, calibri, getcontext, getelementbyid, 400, examples, elements, importa, outro, recurso, insere, outra, namespace, este, math, italic, highlighted, highlight, hypertext, markup, language, well, random, giving, information, its, origins, site, dolor, sit, amet, consectetur, adipiscing, elit, sed, eiusmod, tempor, incididunt, labore, dolore, magna, aliqua, enim, minim, veniam, quis, marcam, subtitle, you, can, bases, welcome, esquema, atual, define, escopo, queen, flowers, ardent, love, since, immemorial, has, been, admiration, roses, flower, seções, independentes, etc, note, tópicos, fanta, ice, tea, coca, cola, sometimes, known, dummy, laying, out, print, graphic, designs, passage, attributed, unknown, typesetter, 15th, century, who, thought, have, scrambled, parts, cicero, finibus, bonorum, malorum, specimen, book, special, designating, individual, internet, universal, locator, tipicamente, corpo, das, contêm, informações, documentos, configuram, comportamento, exibidos, existem, finalidades, específicas, definir, mencionados, acima, sobrepor, várias, alguns, conteúdos, certos, fazer, dividido, desses, descreve, contém, pertencer, análise, aprofundada, formatos, element, mpeg, mp3, 320, native, reproduzem, exibir, reprodução, forneça, possa, escolher, adicione, alternativo, antigos, altere, histórico, recarregar, history, abra, conexão, persistente, bidirecional, servidor, real, execute, thread, segundo, plano, permaneça, responsiva, solicite, sua, posição, geográfica, mantêm, chave, valor, visitas, sessionstorage, localstorage, desenhe, jogos, padronizou, transformaram, páginas, completas, saiba, favorite, quantity, volume, birthday, protected, reduzem, quantidade, dicas, validação, pattern, adicionou, fornecem, usuários, específicos, deslizantes, cor, permitem, valide, comuns, search, tel, guia, completo, leia, autônoma, legenda, opcional, próxima, tangencialmente, relacionado, redor, barra, lateral, agrupamento, temático, geralmente, autônomo, distribuível, independentemente, principal, bloco, introdutório, grupo, finalidade, marcar, região, genérico, fornece, isso, ajuda, mecanismos, busca, leitores, tela, entenderem, desenho, inline, nativa, adicionados, substitua, cellspacing, cellpadding, border, bgcolor, align, frames, incorporação, realmente, antigo, estilístico, vários, foram, porque, estilização, pertence, introduz, possam, armazenar, localmente, mantê, los, fechado, reaberto, reproduz, adicionais, expõe, localização, torna, limpa, substituir, contêineres, genéricos, estruturam, melhor, melhoram, legibilidade, acessibilidade, suporta, anteriores, vetoriais, exigiam, flash, vml, scalable, vector, graphics, funciona, atraentes, interativos, fácil, escrito, graças, declaração, simples, suportado, atuais, tanto, desktop, quanto, móveis, década, publicado, recomendação, estável, w3c, então, congelada, numeradas, atualmente, mantida, whatwg, especificação, única, atualizada, continuamente, relançada, html6, uso, cotidiano, simplesmente, moderno, padrão, implementa, hoje, aborda, relação, incorporar, novo, comece, pela, enriquecida, interfaces, software, outras, funcionalidades, checked, autoplay, action, accesskey, colspan, defer, autocomplete, draggable, download, disabled, coords, contenteditable, async, attribute, forms, vídeos, youtube, class, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, track, thead, tfoot, tbody, summary, spacer, rtc, plaintext, param, optgroup, nobr, menuitem, marquee, legend, keygen, isindex, colgroup, col, caption, blink, basefont, applet, acronym, evento, globais, obsoletas, xhtml, tabela, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, códigos, 8859, ascii, conjuntos, caracteres, references, migração, layout, computercode, caminhos, arquivo, estilos, blocos, 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):
rator 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 introdução ao html5 html5 é mais do que uma nova versão do html é um conjunto de tecnologias para criar sites e aplicações web mais poderosos e diversificados html5 não é apenas uma nova versão do html enriquecida com novos elementos e atributos mas um conjunto de tecnologias para criar sites e aplicações web mais poderosos e diversificados com suporte a multimídia e interação com interfaces de software entre outras funcionalidades esta página aborda o que o html5 mudou em relação ao html4 os novos elementos semânticos os novos tipos de entrada em formulários as novas apis javascript e como incorporar áudio e vídeo nativos se você é completamente novo em marcação comece pela introdução ao html html5 vs o html living standard o html5 foi publicado como uma recomendação estável do w3c em 2014 desde então a linguagem não foi congelada em versões numeradas atualmente é mantida pelo whatwg como o html living standard uma especificação única que é atualizada continuamente em vez de ser relançada como html6 no uso cotidiano html5 simplesmente significa html moderno o padrão que seu navegador implementa hoje benefícios do html5 os principais benefícios do html5 estão listados abaixo é suportado por todos os navegadores atuais tanto em desktop quanto em dispositivos móveis há mais de uma década é mais compatível com dispositivos e mais fácil de ser escrito graças a uma declaração doctype html e meta charset utf 8 muito mais simples funciona em conjunto com css e javascript para criar sites atraentes e interativos suporta svg scalable vector graphics e canvas para gráficos em versões anteriores gráficos vetoriais exigiam plug ins como flash ou vml a marcação se torna mais limpa ao substituir contêineres genéricos div por elementos semânticos que estruturam melhor a página e melhoram a legibilidade e acessibilidade expõe a localização do usuário por meio da api de geolocalização reproduz multimídia áudio vídeo diretamente no navegador por meio dos elementos nativos audio e video sem plug ins adicionais veja multimídia html introduz o web storage para que as aplicações possam armazenar dados localmente e mantê los mesmo após o navegador ser fechado e reaberto o que mudou do html4 para o html5 removidos e obsoletos no html5 vários recursos de apresentação do html4 foram removidos porque a estilização pertence ao css os seguintes estão obsoletos e não devem ser usados elementos de apresentação como font center big strike e o antigo papel estilístico do u o modelo de frames frameset frame e noframes use iframe quando a incorporação for realmente necessária atributos de apresentação como align bgcolor border em tabelas e cellpadding cellspacing substitua os por css adicionados no html5 elementos semânticos header nav main article section aside footer figure e mais multimídia nativa os elementos audio e video novos tipos de entrada e atributos de formulários email date range e outros gráficos o elemento canvas para desenho 2d e svg inline apis javascript web storage geolocalização web workers websockets e mais veja abaixo novos elementos semânticos em vez de marcar cada região de uma página com um div genérico o html5 fornece elementos que descrevem o papel do conteúdo isso ajuda mecanismos de busca leitores de tela e outros desenvolvedores a entenderem a estrutura da página elemento finalidade header conteúdo introdutório ou um grupo de links de navegação nav um bloco de links de navegação principais main o conteúdo principal do documento article um conteúdo autônomo e distribuível independentemente section um agrupamento temático de conteúdo geralmente com um título aside conteúdo tangencialmente relacionado ao conteúdo ao redor como uma barra lateral footer rodapé para a seção mais próxima ou para a página figure figcaption mídia autônoma com uma legenda opcional para um guia completo com exemplos leia elementos semânticos no html5 novos tipos de entrada e atributos de formulários o html5 adicionou tipos de entrada que fornecem aos usuários controles específicos seletores de data controles deslizantes seletores de cor e permitem que o navegador valide a entrada por você os tipos comuns incluem email url tel search number range date e color novos atributos como placeholder required autofocus e pattern reduzem a quantidade de javascript necessária para dicas e validação form label email input type email placeholder email protected required label label birthday input type date label label volume input type range min 0 max 100 label label quantity input type number min 1 max 10 label label favorite color input type color label label website input type url autofocus label button type submit submit button form copiar saiba mais na página da tag input novas apis javascript o html5 também padronizou um conjunto de apis do navegador que transformaram páginas web em aplicações completas canvas 2d desenhe gráficos tabelas e jogos pixel a pixel no elemento canvas web storage localstorage e sessionstorage mantêm dados em formato chave valor no navegador entre visitas geolocalização solicite ao usuário sua posição geográfica web workers execute scripts em uma thread em segundo plano para que a interface do usuário permaneça responsiva websockets abra uma conexão persistente e bidirecional com um servidor para dados em tempo real history api altere a url e o histórico de navegação sem recarregar completamente a página áudio e vídeo nativos os elementos audio e video reproduzem mídia diretamente sem plug ins use o atributo controls para exibir a interface de reprodução do navegador forneça um ou mais elementos source para que o navegador possa escolher um formato compatível e adicione texto alternativo para navegadores muito antigos doctype html html head title native audio and video title head body video width 320 controls source src movie mp4 type video mp4 source src movie webm type video webm your browser does not support the video tag video audio controls source src sound mp3 type audio mpeg source src sound ogg type audio ogg your browser does not support the audio element audio body html copiar veja multimídia html para uma análise mais aprofundada sobre formatos e atributos modelos de conteúdo do html5 no html5 o conteúdo de uma página web pode ser dividido em grupos semânticos que descrevem seu conteúdo esses grupos são chamados de modelos de conteúdo cada um desses modelos descreve o tipo de elementos que contém o modelo de conteúdo pode conter texto e elementos filhos um elemento pode pertencer a uma ou mais categorias de conteúdo os modelos de conteúdo do html5 estão listados abaixo conteúdo de metadados conteúdo de fluxo conteúdo de seccionamento conteúdo de cabeçalho conteúdo de fraseado conteúdo incorporado conteúdo interativo conteúdo palpável os modelos de conteúdo podem se sobrepor o que significa que os elementos pertencem a várias categorias ao mesmo tempo por exemplo conteúdo de seccionamento cabeçalho fraseado incorporado interativo e alguns conteúdos de metadados fazem parte do conteúdo de fluxo metadados e conteúdo interativo em certos casos podem fazer parte do conteúdo de fraseado também existem elementos usados para finalidades específicas por exemplo para definir formulários esses tipos de elementos não fazem parte de nenhum dos modelos de conteúdo mencionados acima conteúdo de metadados os elementos pertencentes à categoria de conteúdo de metadados contêm informações sobre documentos html configuram links para outros recursos definem a apresentação ou o comportamento esses elementos não são exibidos na página web os elementos desta categoria incluem base link meta noscript script style template e title exemplo de elementos pertencentes ao conteúdo de metadados head title title of the document title meta charset utf 8 style color 1c87c9 style head copiar conteúdo de fluxo os elementos pertencentes à categoria de conteúdo de fluxo são tipicamente aqueles usados no corpo de um documento html dentro das tags body os elementos desta categoria incluem a abbr address article aside audio b bdi bdo blockquote br button canvas cite code data datalist del details dfn dialog div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd label main map mark menu meter nav noscript object ol output p picture pre progress q ruby s samp script section select small span strong sub sup svg table template textarea time u ul var video wbr exemplo de elementos pertencentes ao conteúdo de fluxo exemplos de elementos pertencentes à categoria de conteúdo de fluxo doctype html html head title title of the document title head body p abbr title universal resource locator url abbr this is a special form of designating an individual resource address on the internet p hr div p lorem ipsum or lipsum as it is sometimes known is dummy text used in laying out print graphic or web designs the passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of cicero s de finibus bonorum et malorum for use in a type specimen book p hr ol type a li coca cola li li ice tea li li fanta li ol div body html copiar experimente você mesmo os seguintes elementos pertencem ao conteúdo de fluxo mas apenas se uma condição específica for atendida area somente dentro de map link somente se o atributo itemprop for especificado meta somente se o atributo itemprop for especificado conteúdo de seccionamento os elementos pertencentes ao conteúdo de seccionamento são aqueles que criam seções independentes na estrutura de um documento html por exemplo cabeçalho rodapé etc note que cada seção pode ter seu título e estrutura de tópicos os elementos do modelo de conteúdo de seccionamento são article aside nav e section exemplo de elementos pertencentes ao conteúdo de seccionamento doctype html html head title title of the document title head body section h1 article about flower h1 article h2 roses h2 p rose the queen of flowers is the object of worship and ardent love since time immemorial the rose has been the object of worship and admiration p article section body html copiar experimente você mesmo conteúdo de cabeçalho os elementos pertencentes ao modelo de conteúdo de seccionamento criam uma seção no esquema atual que define o escopo dos elementos header dos elementos footer e do conteúdo de cabeçalho os elementos do conteúdo de cabeçalho são h1 h2 h3 h4 h5 h6 e hgroup exemplo de elementos pertencentes ao conteúdo de cabeçalho doctype html html head title title of the document title head body hgroup h1 welcome to w3docs h1 h2 here you can learn html bases h2 h3 some text or subtitle h3 hgroup body html copiar experimente você mesmo conteúdo de fraseado os elementos pertencentes ao conteúdo de fraseado definem e marcam o texto são eles abbr audio b bdo br button canvas cite code data datalist dfn em embed i iframe img input kbd label mark meter noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video e wbr exemplo de elementos pertencentes ao conteúdo de fraseado exemplo de elementos pertencentes ao conteúdo de fraseado doctype html html head title title of the document title head body h1 example with html tags h1 p here is some text sub with the sup tag sub p p lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis p p reference site about lorem ipsum sup giving information on its origins sup as well as a random lipsum generator p p learn hypertext markup language html on mark w3docs com mark website p p we ve used strong tag to highlight strong this important part of the text strong p p the important part of the text is highlighted by the em in italic em p body html copiar experimente você mesmo os seguintes elementos pertencem ao conteúdo de fraseado mas apenas se uma condição específica for atendida a se contiver apenas conteúdo de fraseado area somente dentro do elemento map del se contiver apenas conteúdo de fraseado ins se contiver apenas conteúdo de fraseado link se o atributo itemprop for especificado map se contiver apenas conteúdo de fraseado meta se o atributo itemprop for especificado conteúdo incorporado o conteúdo incorporado importa outro recurso ou insere conteúdo de outra linguagem de marcação ou namespace no documento este modelo de conteúdo inclui os seguintes elementos audio canvas embed iframe img math ...