Marca HTML <marca>

Nosso objetivo neste capítulo é cobrir os requisitos de aprendizado estudando a marca Tag com exemplos .

A tag HTML <mark> é usada para destacar o texto em um documento ou página da web. Ao quebrar o texto na tag <mark> , ele será exibido com uma cor de fundo amarela por padrão, indicando que está realçado.

Um texto pode ser destacado das seguintes maneiras:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>Please come home at<mark>5 pm</mark> we have to get to the party.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo da marca de marcação:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>In the <mark>Industrial Revolution</mark> of the 18th century, the mechanization of the textile industry in Great Britain led to significant economic growth.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A marca de marcação também pode ser estilizada usando propriedades CSS:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
mark {
background-color: black;
color: white;
}
</style>
</head>
<body>
<p>In the <mark>Industrial Revolution</mark> of the 18th century, the mechanization of the textile industry in Great Britain led to significant economic growth.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Uso de marca de tag

Uma marca de tag <marca> especifica o conteúdo que deve ser destacado ou marcado.

Aqui estão alguns usos comuns para a tag <mark> :

  1. Você pode usar a tag <mark> para chamar a atenção para informações importantes ou para destacar pontos-chave em um documento, facilitando a localização e a compreensão dos usuários.
  2. Ao citar texto de outra fonte, você pode usar a tag <mark> para indicar a parte do texto que está destacando ou referenciando.
  3. A tag <mark> pode ser usada para destacar termos de pesquisa ou palavras-chave nos resultados da pesquisa, tornando mais fácil para os usuários encontrarem as informações que procuram.
  4. Ao adicionar notas ou anotações a um documento, você pode usar a tag <mark> para destacar o texto específico ao qual a nota pertence.
  5. Ao editar ou revisar o texto, você pode usar a tag <mark> para destacar as seções do texto que precisam ser revisadas ou corrigidas.

Atributos

Global

A marca de Tag <marca> também é compatível com Atributos Globais em HTML.

Evento

A Tag <marca> também é compatível com Atributos de Evento em HTML.


CSS pré-definido

Os seguintes valores são definidos por padrão para o elemento <mark> em quase todos os navegadores:

mark {
background-color: yellow;
color: black;
}

Compatibilidade do navegador

Os números na tabela indicam qual versão do navegador foi a mais antiga a incluir o elemento .

Elemento
<marca> 6.0 9,0 4.0 5,0 11.1

Benefícios da tag HTML <mark>

Aqui estão alguns benefícios de usar a tag <mark> :

  • A tag <mark> fornece dicas visuais para usuários que dependem de leitores de tela ou outras tecnologias assistivas para navegar na web.
  • Ao destacar o texto importante, a tag <mark> torna mais fácil para os usuários digitalizar e entender rapidamente o conteúdo de uma página.
  • Os mecanismos de pesquisa usam a tag <mark> para identificar e classificar palavras-chave importantes em uma página, o que pode melhorar a visibilidade da página nos resultados da pesquisa.
  • A tag <mark> pode ser estilizada usando CSS para corresponder ao design de um site, permitindo que os desenvolvedores criem realces visualmente atraentes e eficazes.
Se você achar este artigo informativo, deixe sua reação abaixo para apreciar nossos esforços ou sugerir algum feedback para a melhoria deste site.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone