Esta página integra o Compêndio sobre o uso dos elementos HTML e descreve os elementos:
DFN CODE SAMP KBD
DFNExemplo:
<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 elemento DFN.
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 DFN são renderizados em itálico.
Somente para efeito de visualização, marquei estas três palavras (devem estar em itálico) com DFN
CODEExemplo:
<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 code são em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marquei estas três palavras (devem estar em fonte diferenciada) com CODE
SAMPExemplo:
<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 samp são em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marquei estas três palavras (devem estar em fonte diferenciada) com samp
KBDExemplo:
<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 kbd são em geral renderizados em fonte monoespaçada.
Somente para efeito de visualização, marquei estas três palavras (devem estar em fonte diferenciada) com kbd
Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…
Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…
Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…
HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…
Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…
Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…
View Comments
Muito bom!
O SAMP e o KBD eu nunca havia visto... Vou prestar mais atenção neles =)
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>
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 ;)
Muito bom artigo, como escrevi no e-mail... vc sempre muito simples, claro e específico!
Mais um ótimo artigo!
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!