Plus intelligent que Ctrl+F : créer des liens directs vers le contenu d’une page web

• Les Text Fragments sont une puissante fonctionnalité de la plateforme web qui permet de créer un lien précis vers un texte spécifique au sein d’une page web, sans avoir à ajouter d’ancre
• Cette fonctionnalité est complétée par le pseudo-élément CSS ::target-text, qui permet de définir le style du texte surligné
• Syntaxe de base d’une URL de fragment de texte :
  • https://example.com/page.html/…]
• Ajoutez la syntaxe spéciale :~: après le dièse, puis après text= ajoutez :
  1. prefix- : une chaîne de texte qui doit se trouver juste avant le texte ciblé. En cas de correspondances multiples, cela aide le navigateur à pointer vers le bon texte. Cette partie n’est pas surlignée
  2. textStart : le début du texte à surligner
  3. textEnd : la fin du texte à surligner
  4. -suffix : fonctionne de façon similaire à prefix-, mais pour une chaîne de texte précédée d’un tiret et placée après le texte. Utile lorsqu’il existe plusieurs correspondances, et n’est pas surligné avec le texte ciblé
• Si le navigateur prend en charge les fragments de texte, vous pouvez modifier le style du texte surligné à l’aide du pseudo-élément ::target-text
  • ::target-text { background-color: yellow; }
• Seules les propriétés suivantes peuvent être modifiées :
  • color
  • background-color
  • text-decoration et les propriétés associées
  • text-shadow
  • stroke-color, fill-color, stroke-width
  • propriétés personnalisées
• Prise en charge par les navigateurs et comportement de repli
  • Les fragments de texte sont désormais pris en charge par tous les navigateurs
  • Le pseudo-élément ::target-text n’est pas encore pris en charge par Safari, mais il est disponible dans la version Technology Preview
  • Si cette fonctionnalité n’est pas prise en charge par le navigateur, la page se charge sans surlignage du texte ni défilement
  • Le style de surlignage par défaut varie selon les navigateurs
• Réflexions finales
  • Au départ, je pensais que les fragments de texte étaient une fonctionnalité propre à Chrome, mais j’ai découvert qu’il s’agit en réalité d’un standard web ouvert pouvant être implémenté par tous les navigateurs
  • J’espère que cette fonctionnalité sera davantage utilisée, en particulier dans les systèmes d’IA générative fiables
  • Ce serait idéal que tous les utilisateurs puissent utiliser facilement les fragments de texte
• Mise à jour
  • Les navigateurs basés sur Chromium intègrent déjà une fonction permettant de générer un lien vers un texte précis
  • Si vous utilisez Chrome, surlignez un texte puis faites un clic droit pour trouver dans le menu contextuel l’option « Copier le lien vers le texte sélectionné »

[plorrr]

Je l’ai parfois vu en faisant des recherches sur Google, donc c’est de ça qu’il s’agit.

[siisee11]

Ah, donc c’était cette fonctionnalité quand, dans Arc Browser, on copie un lien vers un passage de texte… !

[galadbran]

Dans le navigateur Edge, si vous sélectionnez du texte puis ouvrez le menu contextuel par clic droit, il y a une option « Copy link to highlight » ; c’est grâce à cette fonctionnalité que j’ai découvert l’existence de cette spécification.

[galadbran]

Sur Firefox, j’utilise l’extension https://github.com/ichaoX/ext-textFragment .

[joyfui]

Oh, excellente extension, merci.

[huiya]

Oh, c'est surprenant.

[secret3056]

Une telle fonctionnalité... Plus on découvre l’univers des navigateurs, plus on se rend compte qu’il y a vraiment de tout.

https://fr.news.hada.io/topic?id=17474#:~:text=Au début,prise de conscience