<mark>: Elemento MARK
Última atualização: 2026-10-13
<mark>Elemento MARK
Destaca o texto com fundo amarelo padrão, como uma caneta marca-texto; usado para palavras-chave em resultados de busca.
| Categoria | Formatação |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </mark> tag |
| Status | Padrão |
📝 Sintaxe
<mark>texto destacado</mark>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <mark> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： <mark> significa texto relevante no contexto atual, não apenas mudança de fundo; personalize a cor via CSS.
❓ Perguntas Frequentes
QQual é a diferença entre mark e strong?
A
<mark> indica «texto destacado no contexto atual» (fundo amarelo por padrão), típico para ressaltar palavras buscadas ou pontos relevantes em uma citação; <strong> indica que o conteúdo em si é importante. Uma é «eu marquei o ponto», a outra é «isto é importante» — semânticas totalmente distintas.QA cor de destaque de mark pode ser alterada?
ASim, o fundo amarelo padrão pode ser alterado via CSS:
mark { background: #ffeb3b; color: inherit; }. Também é possível definir classes por cenário — uma cor para destaque de resultados de busca, outra para pontos de citação.Qmark é adequada dentro de blocos de citação?
APerfeitamente — é justamente seu caso típico: ao citar texto de outra pessoa, use
<mark> para assinalar «a parte mais relevante para esta discussão». O destaque é seu, não do original. A ênfase feita pelo próprio autor deve preservar o <strong> ou <em> original.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
