Link para uma frase: URLs com text fragment

Link para texto destacado

Link para texto: URLs com text fragment e Copiar link para destaque | We.Inc

Crie um link que rola até uma frase e a destaca em qualquer página usando #:~:text=. Sintaxe, regras de codificação, suporte dos navegadores, estilo com ::target-text e um gerador de links.

Um text fragment é um acréscimo ao endereço web, #:~:text= seguido de palavras da página, que faz o navegador rolar até essas palavras e destacá-las. O item de menu Copiar link para destaque do Chrome cria um para você, e você pode montá-los à mão com partes opcionais de início, fim, prefixo e sufixo.

Primeiras versões de navegador com suporte a text fragments (caniuse, outubro de 2026)

Navegador
Suportado a partir de

Chrome

Edge

Safari

Firefox

Mandar um cliente para a linha exata da sua política de trocas, ou apontar um cliente para um parágrafo de uma proposta longa, é melhor do que dizer "role um pouco para baixo". Links com text fragment fazem isso com nada além de uma URL mais longa; o dono da página não precisa adicionar âncoras. Cole o endereço de uma página e um trecho no gerador para criar um.

Copie o endereço da página para a qual quer criar o link.
Copie dessa página as palavras exatas a destacar, mantendo cada parte dentro de um único parágrafo ou título.
Para um trecho longo, informe só as primeiras palavras como início e as últimas como fim.
Adicione um prefixo ou sufixo só se as mesmas palavras aparecerem mais de uma vez na página.

A correspondência ignora maiúsculas, então não importa se as suas palavras estão em maiúsculas ou minúsculas.
Se nada corresponder, o MDN diz que o fragmento é ignorado e a página abre no topo, então um link quebrado falha de forma suave.
Se a página for editada depois, o link pode parar de destacar. Escolha um texto que provavelmente não vai mudar.
Para destacar dois trechos separados, junte-os com um e comercial: #:~:text=first&text=second.

Perguntas frequentes

Como copio um link para um texto destacado no Chrome?

Selecione o texto na página, clique com o botão direito e escolha Copiar link para destaque. A Ajuda do Chrome observa que, se você não conseguir selecionar essa opção, o recurso pode não funcionar para aquele conteúdo.

Links com text fragment funcionam no Firefox e no Safari?

Sim, nas versões atuais. O caniuse lista suporte a partir do Safari 16.1 e do Firefox 131, junto com Chrome 81 e Edge 83. Navegadores mais antigos simplesmente abrem a página no topo.

Por que meu link com text fragment não destaca nada?

As palavras podem não aparecer exatamente como foram escritas, uma parte pode ocupar dois parágrafos, ou um hífen no texto não foi codificado com porcentagem. Texto dentro de um iframe nunca é pesquisado, segundo o MDN.

Meus próprios scripts conseguem ler o text fragment?

Não. O MDN explica que os navegadores removem a diretiva :~: da URL durante o carregamento, então os scripts da página não conseguem lê-la. Você pode detectar o suporte com document.fragmentDirective.

Posso impedir que outras pessoas criem links para textos do meu site desse jeito?

Navegadores baseados no Chromium respeitam um cabeçalho de resposta Document-Policy: force-load-at-top, que tira a página da rolagem por text fragment, segundo o MDN.

As partes da sintaxe

A forma completa é #:~:text=[prefix-,]textStart[,textEnd][,-suffix]. Só textStart é obrigatório. Com textEnd, o navegador destaca tudo desde as palavras do início até as palavras do fim.
O prefixo termina com um hífen e o sufixo começa com um. Eles não são destacados; só dizem ao navegador a qual ocorrência de uma frase repetida você se refere.

Regras de codificação

Cada parte precisa ser codificada com porcentagem, o que transforma espaços em %20. O MDN acrescenta que o próprio hífen precisa ser codificado como %2D, porque um hífen solto seria lido como marcador de prefixo ou sufixo.
Vírgulas e e comerciais separam partes e fragmentos, então codificá-los também, como %2C e %26, evita que sejam mal interpretados. O gerador desta página faz tudo isso por você.

Exemplos de cada forma

Formas de text fragment e o que elas destacam

Fragmento
Destaca

A primeira ocorrência de "opening hours"

De "Delivery takes" até "business days"

"closed" só onde vem depois de "Saturday"

O primeiro "price" e o primeiro "deposit"

Estilize o destaque no seu próprio site

Os navegadores escolhem uma cor de destaque padrão. O pseudo-elemento ::target-text permite combiná-la com a sua marca.

Cores personalizadas para ::target-text

Mantenha um contraste forte entre o texto e a cor de destaque.

Detecção de recurso

document.fragmentDirective é um objeto nos navegadores com suporte e undefined nos demais.

Gerador de links com text fragment

Endereço da página

Palavras a destacar (ou o início de um trecho longo)

Fim do trecho (opcional)

Palavras logo antes (opcional)

Palavras logo depois (opcional)

Seu link

Abrir link em uma nova aba

Digite um endereço completo começando com https://

Digite as palavras a destacar.

Comece grátis · Sem cartão de crédito