Elementos DFN - CODE - SAMP - KBD
Publicado em: 2006-04-13 — 4,723 visualizacoes
Esta página integra o Compêndio sobre o uso dos elementos HTML e descreve os elementos:
DFN CODE SAMP KBD
- O elemento
DFN - Destina-se a marcar um termo cuja definição foi dada no documento.
Exemplo:
<p><dfn>Ceviana</dfn> é um segmento de reta que liga um vértice de um triângulo a um ponto qualquer do lado oposto.</p>
Na frase acima o autor define o significado do termo "ceviana" em sua página web e marcou corretamente o termo com o elementoDFN.Convém notar que deve-se definir um termo a ser usado várias vezes em um documento, na primeira vez que ele aparece no fluxo do texto e somente aí usa-se o elemento
DFN. Não é correto sair marcando <dfn>ceviana</dfn> toda vez que aparecer o termo no documento.Nota: Porções de textos marcados com
DFNsão renderizados em itálico.
Somente para efeito de visualização, marquei estas três palavras (devem estar em itálico) comDFN - O elemento
CODE - Destina-se a marcar trechos de código.
Exemplo:
<p>A regra CSS que faz todos os cabeçalhos de nível 2 na cor vermelha é: <code>h2 { color:#f00;}</code></p>Nota: Porções de código marcados com
codesão em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marqueiestas três palavras(devem estar em fonte diferenciada) comCODE - O elemento
SAMP - Destina-se a marcar textos que são mostrados como exemplo de saída de um programa.
Exemplo:
<p>Ao clicar no botão denominado "executar" você verá uma caixa de texto com a mensagem: <samp>Alô mundo!</samp></p>Nota: Porções de código marcados com
sampsão em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marquei estas três palavras (devem estar em fonte diferenciada) comsamp - O elemento
KBD - Destina-se a marcar textos que definem uma ação do usuário no teclado.
Exemplo:
<p>Se você não sabe qual é o número do CNPJ digite: <kbd>desconhecido</kbd></p>Nota: Porções de código marcados com
kbdsão em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marquei estas três palavras (devem estar em fonte diferenciada) comkbd
[ « anterior ] [ index ] [ próximo » ]
Adicionar esta matéria os favoritos no seu navegador
Ask
backflip
blinklist
BlogBookmark
Bloglines
BlogMarks
Blogsvine
BUMPzee!
CiteULike
co.mments
Connotea
del.icio.us
DotNetKicks
Digg
diigo
dropjack.com
dzone
Facebook
Fark
Faves
Feed Me Links
Friendsite
folkd.com
Furl
Google
Hugg
Jeqq
Kaboodle
linkaGoGo
LinksMarker
Ma.gnolia
Mister Wong
Mixx
MySpace
MyWeb
Netvouz
Newsvine
PlugIM
popcurrent
Propeller
Reddit
Rojo
Segnalo
Shoutwire
Simpy
sk*rt
Slashdot
Sphere
Sphinn
Spurl.net
Squidoo
StumbleUpon
Technorati
ThisNext
Webride
Windows Live
Yahoo!
Assinar 
(Post ainda não avaliado)
Loading ...----------------x-x-x--------------- fim da matéria ---------------x-x-x---------------
Esta matéria foi publicada em: 2006-04-13 (Thursday). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/04/13/el-dfnkbd/trackback no seu site.
Boa! muito bom! Eu sempre tive estes elementos (excerto o CODE) como “os elementos inuteis do HTML”… aogora eu tô participando de um projeto e já ví que vou usalos bastante… Muito obrigado!
Muito bom artigo, como escrevi no e-mail… vc sempre muito simples, claro e específico!
Mais um ótimo artigo!
Olá Mauricio. Tentei diversas vezes usar no WordPress pra mostrar um código e ele acaba sendo executado. Não deu certo em nenhum caso e ainda não descobri o que há.
Mais uma vez admiro sua organização
Para entrar código nos comentários além de usar o elemento CODE você tem que codificar o caracter < que abre as TAGs no código digitado.
A codificação do caracter < se faz assim: & lt; ou assim: & #60; mas sem o espaço que eu coloquei entre o 1o. e o 2o. caracter. Tudo junto!.
Exemplo:
Digite isto:
& l t;code>
& l t;h1>Título de nível 1& l t; /h1>
& l t;p>Parágrafo& l t; /p>
& l t;samp>exemplo& l t; /samp>
& l t;/code>
Para obter isto:
<h1>Título de nível 1</h1>
<p>Parágrafo</p>
<samp>exemplo</samp>
Muito bom!
O SAMP e o KBD eu nunca havia visto… Vou prestar mais atenção neles =)