Meta tags:
description= Aprenda os elementos HTML code, kbd, samp, var e pre: o significado semântico de cada um, quando usá-los e o padrão de bloco de código multilinha.;
Headings (most frequently used words):
html, tag, exemplo, da, code, pre, de, código, var, kbd, samp, com, elementos, para, computador, por, que, semântica, importa, blocos, multilinha, escolhendo, elemento, correto, prática,
Text of the page (most frequently used words):
html (89), code (32), pre (24), tag (24), que (23), #código (20), para (19), title (19), svg (19), kbd (18), aprender (15), samp (14), var (14), texto (14), uma (14), body (13), head (13), the (12), computador (10), você (9), canvas (9), css (8), blocos (8), por (8), elementos (8), fonte (8), padrão (8), tags (8), elemento (7), multilinha (7), programa (7), significado (7), document (7), doctype (7), exemplo (7), todos (6), com (6), marca (6), espaços (6), linha (6), copiar (6), color (6), w3docs (5), saída (5), preserva (5), branco (5), teclado (5), digita (5), conteúdo (5), monoespaçada (5), introdução (5), html5 (5), formatter (5), generator (4), prática (4), correto (4), templates (4), variáveis (4), amostra (4), fragmento (4), usuário (4), pré (4), formatado (4), nome (4), variável (4), quebras (4), não (4), cada (4), como (4), experimente (4), mesmo (4), navegadores (4), string (4), atributos (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), this (3), apenas (3), entrada (3), atalhos (3), inline (3), bloco (3), ctrl (3), teclas (3), use (3), tela (3), pode (3), aos (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), escolhendo (2), semântica (2), importa (2), page (2), layout (2), caminhos (2), arquivo (2), usado (2), mais (2), quais (2), marcam (2), semanticamente (2), equação (2), parâmetro (2), imprime (2), volta (2), função (2), comando (2), imediatamente (2), entre (2), greet (2), name (2), function (2), canônico (2), semântico (2), and (2), text (2), carrega (2), ela (2), formatação (2), define (2), isso (2), ascii (2), tabelas (2), txt (2), shell (2), prints (2), lembrar (2), script (2), deve (2), leitor (2), outros (2), mecanismos (2), busca (2), página (2), usar (2), qualquer (2), quando (2), são (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, política, privacidade, contato, sobre, empresa, try, tutoriais, exemplos, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, verificar, nada, torno, uso, típico, observe, começa, após, abertura, termina, antes, fechamento, quaisquer, deixados, também, seriam, renderizados, pois, world, return, hello, abrange, várias, linhas, recomendado, aninhar, dentro, adiciona, juntos, eles, formam, maneira, exibir, line, breaks, keeps, its, spacing, isto, controla, expressar, combine, contrário, normal, navegador, mantém, espaço, tabulação, quebra, exatamente, escritos, renderiza, torna, ideal, arte, largura, fixa, frequentemente, onde, indentação, devem, ser, preservadas, file1, file2, type, forma, útil, diferença, entra, sai, oposição, exibida, you, can, paste, pressing, example, digitar, pressionar, comandos, inserir, individuais, renderizada, expressão, matemática, contexto, programação, prosa, ponto, confusão, comum, geralmente, renderizam, itálico, property, set, value, with, message, console, log, trechos, envolva, veja, abaixo, curtos, propriedade, significa, exibem, anunciar, formas, diferentes, usam, marcação, entender, leem, seu, dependem, dessas, saber, corresponde, estilize, preferir, impressa, pelo, combinação, essas, têm, aparência, quase, idêntica, tentador, resista, estilo, visual, alterá, momento, mudar, tão, facilmente, marcador, posição, esta, explica, oferece, pequena, família, marcar, proveniente, coisas, programas, exibidos, mas, diferente, escolher, informa, especialmente, leitores, está, sendo, exibido, tipo, intercambiáveis, aprenda, usá, los, 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, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, style, strong, strike, span, spacer, source, small, select, section, ruby, rtc, progress, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, main, link, legend, label, keygen, 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, base, audio, aside, article, area, applet, address, acronym, abbr, evento, globais, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, métodos, entidades, codificação, utf, códigos, 8859, conjuntos, caracteres, references, migração, suporte, áudio, vídeo, semânticos, computercode, estilos, scripts, comentários, cores, listas, links, 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):
elementos html para código de computador 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 elementos html para código de computador aprenda os elementos html code kbd samp var e pre o significado semântico de cada um quando usá los e o padrão de bloco de código multilinha o html oferece uma pequena família de elementos para marcar texto proveniente de um computador código fonte coisas que você digita saída de programas e variáveis todos são exibidos em fonte monoespaçada por padrão mas não são intercambiáveis cada um carrega um significado diferente escolher o elemento correto informa aos navegadores mecanismos de busca e especialmente aos leitores de tela que tipo de texto de computador está sendo exibido esta página explica quando e como usar cada elemento code um fragmento de código de computador kbd texto que o usuário digita no teclado samp saída de amostra de um programa var uma variável ou marcador de posição pre texto pré formatado que preserva espaços em branco e quebras de linha o padrão canônico pre code para blocos de código multilinha por que a semântica importa como essas tags têm aparência quase idêntica na tela é tentador usar qualquer uma que você se lembrar resista a isso o estilo visual é apenas um padrão você pode alterá lo com css a qualquer momento o que você não pode mudar tão facilmente é o significado um leitor de tela pode anunciar o conteúdo de kbd e samp de formas diferentes os mecanismos de busca usam a marcação para entender uma página e outros desenvolvedores que leem seu html dependem dessas tags para saber se ctrl c é uma combinação de teclas kbd ou uma string impressa pelo programa samp use o elemento que corresponde ao significado e estilize o como preferir a tag html code a tag html code marca um fragmento inline de código de computador um nome de função uma tag uma propriedade css um comando de shell entre outros ela não significa variável para variáveis use var os navegadores exibem o conteúdo de code em fonte monoespaçada por si só code é para trechos curtos e inline para blocos multilinha envolva o em pre veja abaixo exemplo da tag html code doctype html html head title title of the document title head body p the code console log code function prints a message p p set the value with the code color code css property p body html copiar experimente você mesmo a tag html var a tag var define uma variável em uma expressão matemática ou em um contexto de programação por exemplo x e y em uma equação ou o nome de um parâmetro em prosa é o elemento correto para variáveis um ponto de confusão comum com code os navegadores geralmente a renderizam em itálico exemplo da tag html var doctype html html head title title of the document title head body p var x var var y var 5 p body html copiar experimente você mesmo a tag html kbd a tag kbd marca entrada de teclado texto ou teclas que o usuário deve digitar ou pressionar use a para atalhos ctrl v comandos que o leitor deve inserir e teclas individuais é renderizada em fonte monoespaçada por padrão exemplo da tag html kbd doctype html html head title title of the document title head body h2 the kbd example h2 p you can paste the document by pressing kbd ctrl v kbd p body html copiar experimente você mesmo a tag html samp a tag samp marca a saída de amostra de um programa ou script de computador o texto que o programa imprime de volta em oposição ao código em si code ou ao que você digita kbd é exibida em fonte monoespaçada por padrão uma forma útil de lembrar a diferença kbd é o que entra samp é o que sai exemplo da tag html samp doctype html html head title title of the document title head body p type kbd ls kbd and the shell prints samp file1 txt file2 txt samp p body html copiar experimente você mesmo a tag html pre a tag pre define texto pré formatado ao contrário do html normal o navegador mantém cada espaço tabulação e quebra de linha exatamente como escritos no código fonte e renderiza o conteúdo em fonte monoespaçada isso torna pre ideal para arte ascii tabelas de largura fixa e mais frequentemente blocos de código onde a indentação e as quebras de linha devem ser preservadas por si só pre não carrega o significado de isto é código ela controla apenas a formatação para expressar que o texto pré formatado é código combine a com code exemplo da tag html pre doctype html html head title title of the document title head body pre this text keeps its spacing and line breaks pre body html copiar blocos de código multilinha com pre e code para um bloco de código fonte que abrange várias linhas o padrão canônico e recomendado é aninhar code dentro de pre o pre preserva os espaços em branco e as quebras de linha o code adiciona o significado semântico de que o conteúdo é código juntos eles formam a maneira padrão de exibir um bloco de código em html exemplo de pre com code doctype html html head title title of the document title head body pre code function greet name return hello name greet world code pre body html copiar observe que o conteúdo de code começa imediatamente após a tag de abertura e termina imediatamente antes da tag de fechamento quaisquer espaços ou quebras de linha deixados entre pre e code também seriam renderizados pois pre preserva todos os espaços em branco escolhendo o elemento correto elemento significado uso típico code um fragmento de código um nome de função tag ou comando inline kbd entrada de teclado atalhos e texto que o usuário digita samp saída de amostra de programa texto que um programa imprime de volta var uma variável x em uma equação um nome de parâmetro pre texto pré formatado blocos multilinha preserva espaços em branco prática prática quais elementos marcam semanticamente texto de computador em html quais elementos marcam semanticamente texto de computador em html kbd marca a entrada de teclado que o usuário digita pre preserva os espaços em branco e é usado em torno de code para blocos de código multilinha code marca um fragmento de código de computador samp marca a saída de amostra de um programa var é usado apenas para variáveis css e nada mais verificar was this page helpful yes no previous caminhos de arquivo html next templates de layout on this page por que a semântica importa a tag html code a tag html var a tag html kbd a tag html samp a tag html pre blocos de código multilinha com pre e code escolhendo o elemento correto 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
|
