A tag br ainda é usada demais em lugares onde a tag p deveria ser usada, mas no geral já se aceita que a tag p deve ser usada pra representar parágrafos. Existem ainda diversas outras tags que devem ser usadas para definir certos elementos textuais como citações, abreviações e código de computador.
Você deve manter em mente que, mesmo que os navegadores mostrem esses elementos em formatos diferentes, o importante não é o que eles parecem, mas sim o significado que eles aplicam ao texto.
Abreviações e Acrônimos
abbr e acronym são usadas para abreviações e acrônimos respectivamente.
Uma abreaviação é uma forma mais curta de uma frase. Muito abrangente. Um acrônimo é uma abreviação composta pelas letras iniciais (ou partes das palavras) da frase que ele está representando. Por isso, CSS é um acrônimo válido, mas HTML e XHTML não são (se ‘Hypertext Markup Language’ – ‘Linguagem de Marcação de Hipertexto’ em inglês – fosse um acrônimo, seria ‘HML’. Do mesmo modo, XHTML seria EHML).
Para uma melhor acessibilidade, a frase que o acrônimo ou abreviação está representando deve ser usada no atributo title.
Esse site é sobre HTML e CSS.
Por algum motivo frustante, Internet Explorer, o navegador mais comum, não suporta a tag abbr. Por sorte, um cara chamado Marek Prokop desenvolveu uma solução bem legal com javascript pra isso. O Revolução também fez um texto em português sobre essa solução.
Existe muita discussão sobre o uso de elementos de abreviação e acrônimo. Maujor fez uma análise bem completa sobre eles.
Citações
blockquote, q e cite são usados para citações. blockquote é um elemento de bloco usado para citações grandes, enquanto q é um elemento in-line usado para frases menores. cite também é um elemento in-line e preferível a q pela sua natureza semântica e porque o elemento q provavelmente vai se tornar obsoleto.
Novamente, o atributo title pode ser usado pra mostrar de onde a citação veio.
Nota: q geralmente não muda a aparência do texto – você precisa usar CSS se quiser aplicar um estilo.
Então eu perguntei ao Bob e ele disse
Eu sei tanto sobre citações quanto sobre leitura de pensamento de pombos.
Por sorte, eu encontrei HTML Dog e ele disse:blockquote, q e cite são usados para citações. blockquote é um elemento de bloco usado para grandes citações, e q é um elemento in-line usado para frases menores. cite também é in-line e é preferível a q por causa de sua natureza semântica e pela possibilidade de q se tornar obsoleto.
Código
Existem algumas tags usadas principalmente para código, como code e var que são específicas pra código de computador além de pre e samp.
code é usada para código de computador.
var é usada para variáveis dentro de um código.
samp é similar a código, mas deve ser usado pra pedaços de código de saída.
pre é texto pré-formatado e o que ele tem de especial é que ele preserva os espaços em branco dentro dele. Geralmente é usado para blocos de código.
Algum Cabeçalho
Algum parágrafo parágrafo legal legal.
Termo de Definição
dfn é um termo de definição e é usado para destacar o primeiro uso de um termo. Como abbr e acronym, o atributo title pode ser usado para descrever o termo.
A mãe canina de Bob e seu pai equino pediram pra ele se sentar e carinhosamente explicaram que ele era um organismo poliploide.
Endereços
address deve ser usado para um endereço.
Casa do HMTL Dog
Rua HTML
Dogópolis
nº 77
Raridades Obscuras
Existem algumas tags que devem ser lembradas, mas que raramente são usadas por causa de sua natureza super específica.
bdo serve pra inverter a direção do texto, e pode ser usada para mostrar linguagens onde se lê da direita pra esquerda. O valor do atributo obrigatório dir pode ser ltr (left to right – esquerda pra direita) ou rtl (right to left – direita pra esquerda).
odnadoC
kbd é usado pra indicar texto que dese ser digitado pelo usuário.
Agora digite woo hoo
ins e del são usados para indicar trechos que você inseriu ou deletou do conteúdo da página. Essas tags podem ter os atributos datetime (no formato AAAAMMDD, indicando quando o trecho foi inserido ou deletado) e cite (uma URL que descreva porque a inserção ou deleção foi feita).
O elemento ins geralmente é mostrado sublinhado e o elemento del cortado por um traço.
Esse é o conteúdo
nonsensemuito informativo
que eu escrevi.
Elementos de Apresentação
b, i, tt, sub, sup, big e small são todos elementos usados para modificar a apresentação e como tais, por sua definição, não devem ser usados se você está tentando separar conteúdo da apresentação. b, por exemplo, define um elemento em negrito e não tem significado algum. Essas tags definem características apenas visuais, e isso é trabalho do CSS. Mesmo que essas tags sejam válidas, existem outras (como strong e em) que adicionam significado, e por isso são preferíveis. Se você quer apenas replicar estilos específicos dessas tags, sem dar nenhum significado especial, você deve usar tags span e modificar o estilo com CSS.
Comentários