Якорные ссылки ВСЁ 🤫? в CSS #css #css3 #javascript #js #learning #course #shorts #html

Тебе надо помочь пользователю, и дать HTML ссылку на ресурс, на конкретный текст, где есть нужная ему информация. Какие твои действия?
На текущей странице ты оставишь HTML якорную ссылку.
А на странице с информацией, обернешь искомый текст HTML тегом с идентификатором, указанным ранее. Пользователь кликая по HTML ссылке, откроет необходимую страницу и браузер проскроллит его к указанному якорю.
Но что если ты не контролируешь контент, куда ссылаешься? Допустим это сторонний сайт. Значит и якорную ссылку, ты добавить не сможешь.
Но решение есть - HTML текстовые фрагменты.

И в таком виде https://example.com#:~:text=some%20text можно указать ссылку на нужную пользователю информацию и не нужны якорные ссылки.

А новый CSS-псевдоэлемент ::target-text, позволяет застилизовать искомые текстовые фрагменты.

#css #css3 #js #javascript #frontend #html #web #webdevelopment #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #vue #react #angular #svelte #vanillajs #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga

Подписывайтесь на меня в соц. сетях:
👨‍💻 LinkedIn - https://www.linkedin.com/in/maksymfariga
📷 Instagram - https://www.instagram.com/maksym_fariga/ (@maksym_fariga)
📖 Facebook - https://www.facebook.com/maksymfariga/
🐤 Twitter - https://twitter.com/Fariga_M
🛩 Telegram - https://t.me/web_education_new

🪄 user-select - Выделяй правильно 👉 https://youtu.be/75WqGy0jQ44 ✍️
🥷 ::file-selector-button - ПОСЛЕДНЯЯ НАДЕЖДА CSS 👉 https://youtu.be/75WqGy0jQ44 ✍️
⭐️ CSS ::highlight() - Вы о нем даже не СЛЫШАЛИ 🤌 👉 https://youtu.be/75WqGy0jQ44 ✍️
🤩 НОВЫЕ ЕДИНИЦЫ измерения в CSS / полный разбор с примерами на РЕАЛЬНЫХ📱 устройствах 👉 https://youtu.be/ANzzt8R7EzQ ✍️

Видео Якорные ссылки ВСЁ 🤫? в CSS #css #css3 #javascript #js #learning #course #shorts #html канала Maksym Fariga