Meta tags:
description=A tag HTML hgroup agrupa um título com seu subtítulo ou slogan. Aprenda o modelo de conteúdo, a sintaxe e exemplos com W3docs.;

Headings (most frequently used words):

tag, html, hgroup, exemplo, da, modelo, de, conteúdo, status, na, especificação, sintaxe, atributos, suporte, navegadores, tags, relacionadas, prática, usada, com, propriedades, css,

Text of the page (most frequently used words):
html (68), #hgroup (30), título (19), svg (19), aprender (15), elementos (10), tag (10), w3docs (9), tags (9), atributos (9), elemento (9), mais (9), the (9), canvas (9), conteúdo (8), que (8), como (8), seu (7), title (7), todos (6), css (6), slogan (6), não (6), text (6), font (6), color (6), para (5), navegadores (5), modelo (5), atual (5), standard (5), body (5), and (5), head (5), com (5), introdução (5), html5 (5), formatter (5), code (4), generator (4), prática (4), javascript (4), suporte (4), header (4), subtítulo (4), padrão (4), títulos (4), você (4), lorem (4), ipsum (4), dummy (4), industry (4), type (4), esboço (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), sintaxe (3), status (3), especificação (3), bloco (3), vários (3), página (3), whatwg (3), living (3), possui (3), parágrafos (3), copiar (3), learn (3), welcome (3), style (3), size (3), right (3), doctype (3), exemplo (3), texto (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), tutoriais (2), exemplos (2), snippets (2), relacionadas (2), this (2), page (2), nav (2), exatamente (2), contém (2), documento (2), dentro (2), uma (2), suportado (2), modernos (2), parte (2), evento (2), globais (2), experimente (2), mesmo (2), simply (2), printing (2), typesetting (2), has (2), been (2), ever (2), since (2), 1500s (2), when (2), unknown (2), printer (2), took (2), galley (2), scrambled (2), make (2), specimen (2), book (2), online (2), sans (2), serif (2), arial (2), family (2), document (2), basics (2), válido (2), restaurado (2), 2022 (2), ele (2), semântica (2), foi (2), por (2), esse (2), simples (2), alternativo (2), único (2), dos (2), agrupa (2), accept (2), dir (2), formulários (2), atributo (2), referência (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, sobre, empresa, try, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, verificar, seguido, quaisquer, agrupados, formam, múltiplos, níveis, visão, geral, moldam, estrutura, coloca, introdutório, seção, onde, geralmente, encontra, chrome, firefox, safari, edge, faz, estilização, além, ser, contêiner, significa, efetivamente, navegador, renderiza, seus, conforme, esperado, específicos, ela, suporta, line, height, 555, margin, 42c73a, solid, border, padding, align, usada, propriedades, here, you, can, vem, pares, tanto, abertura, quanto, fechamento, são, obrigatórias, renderizam, corretamente, observe, acessibilidade, integrada, especial, tecnologias, assistivas, expõem, dele, normal, comum, dica, removido, anos, razão, pela, qual, muitas, documentações, antigas, rotulam, desaconselham, uso, conselho, está, desatualizado, descrito, acima, hoje, carregam, apenas, contribui, estão, associados, mas, criam, próprios, antes, depois, desse, zero, esta, maioria, antigos, erra, envolve, irmãos, for, free, pertencem, juntos, sem, marcaria, nível, inferior, sobrecarregando, parágrafo, perdendo, associação, visual, resolve, isso, define, entrada, acompanha, junto, funcionam, sua, função, manter, apoio, associado, vez, tornar, item, separado, aprenda, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, 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, 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, meter, meta, menuitem, menu, marquee, mark, map, main, link, legend, label, keygen, kbd, isindex, ins, input, img, iframe, frameset, frame, form, footer, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, xhtml, tabela, tipos, mime, mensagens, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, cores, listas, links, formatação, básicas, editores, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
tag html hgroup 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 hgroup a tag html hgroup agrupa um título com seu subtítulo ou slogan aprenda o modelo de conteúdo a sintaxe e exemplos com w3docs a tag html hgroup agrupa um único título um dos h1 h6 junto com um ou mais elementos p que funcionam como seu subtítulo slogan ou título alternativo sua função é manter esse texto de apoio associado ao título em vez de se tornar um item separado no esboço do documento por exemplo o título de uma página e seu slogan pertencem juntos sem hgroup você marcaria o slogan como um título de nível inferior sobrecarregando o esboço ou como um parágrafo simples perdendo a associação visual semântica hgroup resolve isso o título define a entrada no esboço e o conteúdo do p acompanha o hgroup h1 welcome to w3docs h1 p learn html css and javascript online for free p hgroup copiar modelo de conteúdo esta é a parte que a maioria dos tutoriais mais antigos erra o hgroup atual não envolve vários irmãos h1 h6 seu modelo de conteúdo é exatamente um elemento de título h1 h2 h3 h4 h5 ou h6 mais zero ou mais elementos p antes e ou depois desse título os elementos p carregam o subtítulo título alternativo ou slogan apenas o título único contribui para o esboço da página os parágrafos estão associados a ele mas não criam títulos próprios status na especificação o elemento hgroup foi removido da especificação html por vários anos razão pela qual muitas documentações mais antigas o rotulam como não suportado e desaconselham seu uso esse conselho está desatualizado hgroup foi restaurado ao whatwg html living standard em 2022 com o modelo de conteúdo mais simples de título mais parágrafos descrito acima é um elemento válido hoje dica hgroup é um elemento válido no atual whatwg html living standard restaurado em 2022 todos os navegadores modernos renderizam seu conteúdo corretamente observe que ele não possui semântica de acessibilidade integrada especial as tecnologias assistivas expõem o título dentro dele como um título normal e os elementos p como texto comum sintaxe a tag hgroup vem em pares tanto a tag de abertura hgroup quanto a de fechamento hgroup são obrigatórias exemplo da tag html hgroup doctype html html head title title of the document title head body hgroup h1 welcome to w3docs h1 p here you can learn the html basics p hgroup body html copiar experimente você mesmo exemplo da tag html hgroup usada com propriedades css doctype html html head title title of the document title style hgroup text align right font family arial sans serif padding right 30 px border right 15 px solid 42c73a h1 font size 30 px hgroup p margin 0 font size 18 px color 555 p font family arial sans serif font size 16 px line height 1 5 style head body hgroup h1 welcome to w3docs h1 p learn online p hgroup p lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry s standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry s standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book p body html copiar experimente você mesmo atributos a tag hgroup não possui atributos específicos do elemento ela suporta os atributos globais e os atributos de evento padrão suporte a navegadores hgroup é suportado em todos os navegadores modernos chrome firefox safari e edge e faz parte do atual whatwg html living standard como não possui estilização padrão além de ser um contêiner de bloco o suporte significa efetivamente que o navegador renderiza o título e seus parágrafos conforme o esperado tags relacionadas tag html header conteúdo introdutório de uma página ou seção onde um bloco de título hgroup geralmente se encontra tags html h1 h6 os elementos de título que você coloca dentro do hgroup títulos html visão geral de como os títulos moldam a estrutura do documento prática prática no padrão html atual o que o elemento hgroup contém no padrão html atual o que o elemento hgroup contém vários elementos h1 a h6 que formam um título de múltiplos níveis exatamente um título h1 a h6 mais um ou mais elementos p para seu subtítulo ou slogan quaisquer elementos de bloco agrupados um elemento header seguido de um elemento nav verificar was this page helpful yes no previous header next hr on this page modelo de conteúdo status na especificação sintaxe atributos suporte a navegadores 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