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

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 » ]

Maujor

Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por Web Standards e desenvolvo o site de tutoriais CSS para Web Design.

View Comments

  • @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

  • @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.

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

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

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

    Abraços

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

10 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

11 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago