HTML moderno: estrutura, semântica e acessibilidade
A chamada “formatação de texto” em HTML não deve ser escolhida apenas pelo visual. Elementos inline comunicam significado: importância, ênfase, citação, código, inserção ou conteúdo não mais válido. A aparência final continua sob responsabilidade do CSS.
Importância e ênfase
<strong> indica forte importância; <em> altera a ênfase da frase. <b> chama atenção sem importância adicional e <i> representa voz alternativa, termo técnico ou expressão idiomática. Não use esses elementos apenas para obter negrito ou itálico.
Citações, abreviações e código
Use <q> para citação curta em linha e <blockquote> para um bloco citado. <abbr> identifica abreviações, mas a expansão deve estar disponível no texto na primeira ocorrência. Use <code>, <kbd>, <samp> e <var> conforme o tipo de conteúdo técnico.
<p>Pressione <kbd>Ctrl</kbd> + <kbd>S</kbd> para salvar.</p>n<blockquote cite="https://example.com/fonte">n <p>Trecho citado com contexto.</p>n</blockquote>Alterações no conteúdo
<mark> destaca relevância no contexto atual. <del> e <ins> representam conteúdo removido e inserido. Evite <u> para imitar links e não use elementos obsoletos como <font>.
Checklist de qualidade
- O elemento descreve a intenção do texto?
- A mensagem permanece clara sem estilos?
- A aparência não faz um texto comum parecer um link?
Pratique agora
Escreva um aviso técnico com importância, uma abreviação explicada, um atalho de teclado e um bloco citado.
