Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Elementos TT – BIG – SMALL – STRIKE – S – U

Publicado em: 2006-05-11 — 11.959 visualizacoes

Esta página integra o Compêndio sobre o uso dos elementos HTML e descreve os elementos:
TT  BIG  SMALL  STRIKE  S  U

Introdução

As Recomendações do W3C para o HTML 4.01 classificam os elementos TT  BIG  SMALL  STRIKE  S  e U como “Elementos de estilização de fontes” e desencorajam o seu uso, ao mesmo tempo em que incentivam o uso de folhas de estilo para obter os efeitos por eles produzidos.
Dentre eles, os elementos STRIKE  S  e U estão desaprovados e consequentemente não devem ser usados.

Sendo elementos que não produzem qualquer tipo de valor semântico quando aplicados a um fragmento de texto e se prestam apenas para estilizar, é natural que seu uso seja desencorajado (não proibido!). É contrário a filosofia das Standards usar marcação para apresentar, e é exatamente isso que estes elementos fazem.
Os rascunhos para XHTML 2.0 apontam para o desaparecimento destes elementos (eu diria, em um prazo ainda longo).
Por isso tudo, o que eu adoto e recomendo é a prática de usar os elementos TT  BIG e SMALL em situações muito particulares para obter o efeito que eles produzem numa tela tão somente, consciente de que tal marcação será ignorada por todas as tecnologias assistivas, por robots de indexação e tudo o mais que não uma mídia puramente visual.

O elemento TT
Destina-se a marcar um fragmento de texto com fonte teletipo ou monoespaçada, sendo meramente um elemento de apresentação.

Exemplo:
Marcado assim:
O W3C desencoraja o uso do <tt>elemento TT</tt>!
É renderizado assim:
O W3C desencoraja o uso do elemento TT!

O elemento BIG
Destina-se a marcar um fragmento de texto com tamanho de fonte grande.

Exemplo:
Marcado assim:
Prefira folha de estilo para definir <big>tamanhos de fonte</big>!
É renderizado assim:
Prefira folha de estilo para definir tamanhos de fonte!

O elemento SMALL
Destina-se a marcar um fragmento de texto com tamanho de fonte pequeno.

Exemplo:
Marcado assim:
Prefira folha de estilo para definir <small>tamanhos de fonte</small>!
É renderizado assim:
Prefira folha de estilo para definir tamanhos de fonte!

Os elementos STRIKE e S
Destinam-se a colocar uma linha cortando um fragmento de texto. São elementos desaprovados e em desuso.

Exemplo:
Marcado assim:
O elemento STRIKE está <strike>deprecatado</strike> desaprovados!
É renderizado assim:
O elemento STRIKE está deprecatado desaprovados!

Marcado assim:
O elemento s está <s>depreciado</s> em desuso!
É renderizado assim:
O elemento s está depreciado em desuso!

O elemento U
Destina-se a marcar um fragmento de texto com um sublinhado. Este elemento está em desuso.

Exemplo:
Marcado assim:
Prefira folha de estilo para colocar <u>sublinhados em textos</u>!
É renderizado assim:
Prefira folha de estilo para colocar sublinhados em textos!

[ « anterior ]   [ index ]    [ próximo » ]

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.

Esta matéria foi publicada em: 2006-05-11 (quinta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/05/11/el-ttu/trackback no seu site.

5 comentários na matéria: “Elementos TT – BIG – SMALL – STRIKE – S – U”

  1. Lucas SandovalNo Gravatar disse:

    @Maujor , a minha estranheza é causada pelo nome do elemento. small para marcar copyright ? Acho que o W3C se equivocou. Penso que a criação de um novo elemento seria o ideal. Mas é aquilo, quem manda é o W3C hahaha

    abraço, grande maujor

  2. MaujorNo Gravatar disse:

    @Lucas
    Nas HTMLs anteriores esse elemento tinha valor puramente de apresentação.
    A HTML5 destinou -o a marcar trechos descritivos de copyright, termos legais de uso dos conteúdos do site e similares.
    Não há nada a estranhar já que sua destinação (semântica), conforme descrita acima, é bem clara na especificação.

  3. Lucas SandovalNo Gravatar disse:

    Maujor, na html 5 o elemento small volta a ter valor semântico. Achei estranho, mas é o que o W3C diz.

  4. Carlos EduardoNo Gravatar disse:

    É… Cada tag dessa tem como finalidade estilizar o texto, logo, não precisam ser mais utilizadas =)

  5. Lucas AlvesNo Gravatar disse:

    Bom nem precisa dizer né…..muito bom artigo. Estou acompanhando cada um dessa série.

    Abraços

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo