Как правильно писать ссылки с нотацией #?

Question

[kyzinatra]

Я пытался научится писать вот такие ссылки:

https://htmlacademy.ru/blog/articles/inline#:~:text=Inline%2D%D1%81%D1%82%D0%B8%D0%BB%D0%B8%20%D0%BD%D0%B5%20%D1%82%D0%B0%D0%BA%20%D0%B3%D0%B8%D0%B1%D0%BA%D0%B8,%D0%BF%D1%80%D0%B8%20%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5%20%D1%81%20%D0%B2%D0%BD%D0%B5%D1%88%D0%BD%D0%B8%D0%BC%D0%B8%20%D1%81%D1%82%D0%B8%D0%BB%D1%8F%D0%BC%D0%B8.

При переходе по ней открывается сразу нужная часть и текст подсвечивается. Вроде просто, но при попытке сделать тоже самое но с другим куском текста у меня не вышло. Просто открывается сайт с самого начала.

Подскажите, есть ли какая-нибуь дока по этой теме потому что что-то не осбо понимаю как это устроено

Пример ссылки, которая не работает, но я не знаю почему

https://htmlacademy.ru/blog/articles/inline#:~:text=Inline-%D1%81%D1%82%D0%B8%D0%BB%D0%B8%20%D0%BD%D0%B5%20%D1%82%D0%B0%D0%BA%20%D0%B3%D0%B8%D0%B1%D0%BA%D0%B8,%D1%81%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%BC%20%D0%BE%D0%B1%D0%B0%20%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1%D0%B0%20%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8.

Comments

[Ankhena]

id хоть поставили в том месте куда прыгать?

Покажите как пробовали.

[kyzinatra]

Ankhena, Я знаю что можно по id я знаю что это можно сделать с помощью текста

То есть выбрать определенный фрагмент и туда прыгать
Как в гугле, когда ты ищешь что-то кликаешь на страницу а тебя стразу к этой части кидает

[kyzinatra]

Только почему-то когда вставляю сюда это не работает нормально

[kyzinatra]

Как это вообще работает)
кода кликаешь сюда сразу к этой части бросет

[Василий Банников]

kyzinatra, судя по всему, дело в #:~:text=Нужный текст.
Как это работает, я хз, но это работает даже тут:
https://qna.habr.com/q/1161854#:~:text=id%20хоть%2...?

[kyzinatra]

Василий Банников, логично, но самому такую ссылку сделать у меня не выходит(

[Василий Банников]

kyzinatra, а как ты пытался? Просто пишешь #:~:text и всё работает.

[Ankhena]

kyzinatra, всё понятно, не заметила, что текст в ссылке.
Но вы не показали, что пишете в ссылке. Только оберните в <code></code>

Answer 1

[Василий Банников]

Пишут, что такие ссылки обрабатывать умеет только хром, и другие браузеры, которые на нём основаны:
https://stackoverflow.com/questions/62989058/how-d...
https://web.dev/text-fragments/

А сами ссылки выглядят так: https://.../#:~:text=искомый текст