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

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro Grid Layout   capa livro html5   capa livro css3   capa livro HTML5 e CSS3   capa livro RWD   capa livro jQuery   capa livro Bootstrap3   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro foundation   capa livro Sass e Compass

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