Глибокі посилання без ID: нова функція для сучасних браузерів
Тепер усі основні браузери підтримують функцію створення посилань на текстові фрагменти. Більше не потрібно додавати ID до елементів, щоб перейти до потрібного місця на сторінці.
Ось приклад такого посилання.
Як бачимо, це посилання одразу веде до обраного фрагмента тексту, що значно спрощує навігацію.
Хоча синтаксис #:~:
виглядає трохи незвично, користуватися ним дуже просто. Наприклад, у браузерах на основі Chromium є опція «Copy Link to Highlight». Достатньо виділити потрібний текст, натиснути правою кнопкою миші й обрати цю опцію.
Підтримувані браузери можуть самостійно вирішувати, як привернути увагу до пов’язаного тексту, наприклад, за допомогою підсвічування кольором чи прокрутки до відповідного вмісту на сторінці. Це корисно, адже дає змогу авторам веб-контенту створювати глибокі посилання на сторонній контент, який вони не контролюють, не потребуючи ідентифікаторів для реалізації цього.
Однак цей елемент можна трохи стилізувати за допомогою::target-text,
що додає інструменту ще більше гнучкості та зручності.
Також залишу для вас тут послання на офіційну документацію.
5 коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів