A semântica e as tags <kbd>, <var> e <dfn>

Postado por: Pedro Rogério em

Com certeza, muita gente nem sequer já utilizou essas tags, eu, particularmente, também nunca as utilizei, e também sabia muito pouco sobre sua verdadeira utilidade, mas basta um pouco de pesquisa que você acaba encontrando o que precisa. Agora vamos ver o significado de cada uma:

<kbd>

Com essa tag você pode indicar ao usuário que ele deve utilizar alguma tecla de seu teclado para realizar determinada função:


<p>Você deve utilizar a tecla <kbd>ESC</kbd> para encerrar o aplicativo</p>

Também recomendo seu uso para indicar ao usuário o uso de accesskey na página.

<var>

Serve para indicar uma variável de alguma linguagem de programação. Possui um estilo por padrão, no qual transforma a tipografia em monospace:


<p>No código JavaScript, a variável <var>validarCampo</var> é utilizada para...</p>

<dfn>

Introduz um termo, uma definição a seu texto:


<p>Eu quando digo <dfn>braço curto</dfn>, estou me referindo a um programador preguiçoso.</p>

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

4 Responses to “A semântica e as tags <kbd>, <var> e <dfn>”

  1. Muito legal cara, essas eu não sabia, obrigado e parabéns pelas atividades do blog.

  2. Pode montar uma página com os exemplos de como ficam? Daí fica totalmente claro.
    De qualquer forma, interessante a pesquisa e a existência destas tags.

    []´s

  3. Pedro, foi uma pesquisa muito bom, muito legal, eu confesso que nunca as vi, muito menos utiliza-las, mas na vida a gente sempre aprende.

    Vlw

  4. Nunca usei essas tags, mas achei interessante.

Leave a Reply