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:
Aqui está outro exemplo da marca de marcação:
Example:
A marca de marcação também pode ser estilizada usando propriedades CSS:
Example:
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> :
- 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.
- Ao citar texto de outra fonte, você pode usar a tag <mark> para indicar a parte do texto que está destacando ou referenciando.
- 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.
- 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.
- 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.