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

Postado por: Pedro Rogério em
  • 3 set
  • 4

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>

Tag <q> funcionando no Internet Explorer

Postado por: Pedro Rogério em
  • 7 mar
  • 0

Em um artigo anterior podemos ver que a tag <q> não funciona no Internet Explorer, pra quem não sabe, a tag <q> tem função de indicar citações, as famosas aspas para indicar a fala de alguém. Mas hoje existe uma forma muito simples de contornar isso, apenas utilizando de um arquivo HTC chamado fixQuotes_en.htc, desenvolvido por Will code 4 beer, basta utilizá-lo da seguinte forma:

Basta chamar o arquivo via CSS:


<style type="text/css">
q { behavior:url(fixQuotes_en.htc); }
</style>

Para maiores informações, visite o artigo original: Fixing the Quote Tag in Internet Explorer.

Páginas:12»