Ссылка на определенное место страницы: Как скопировать ссылку на определенное место на странице? — Хабр Q&A

Как в Google Chrome дать ссылку на конкретную часть страницы

Google Chrome – не самый очевидный выбор для пользователей экосистемы Apple. Мало того, что он довольно ресурсоёмок, так ещё и не очень-то безопасен – по крайней мере, в сравнении с Safari. Другое дело, что по части функциональных возможностей у Chrome всегда всё было в полном порядке. Несмотря на то что Google не обновляла iOS-версию своего браузера с конца прошлого года, последний апдейт за номером 90 добавил Chrome очень полезную функцию, которая позволяет давать ссылку на конкретный фрагменты страницы в любой её части.

Chrome научился давать ссылки на конкретные фрагменты текста. Правда, не весь

Google: Chrome перестал жрать оперативку на Mac и нагревать процессор

На самом деле у пользователей десктопной версии Chrome и раньше была такая возможность. Мы даже посвящали ей отдельную статью. Однако для того, чтобы дать ссылку на конкретную часть страницы, пользователям приходилось задействовать стороннее расширение, потому что по умолчанию Chrome сделать этого не позволял. Соответственно, задействовать такой механизм на мобильных устройствах было нельзя.

Как сделать ссылку на конкретное место страницы

Но с выходом последнего обновления стало можно. Ну, частично:

• Установите последнее обновление Google Chrome для iOS;
• Запустите браузер и в адресной строке введите chrome://flags;

Включить функцию можно только в меню флагов

• В открывшемся окне найдите параметр Enabled Shared Highlighting features;
• В выпадающем меню напротив выберите значение Enabled;
• Выгрузите Chrome из меню многозадачности и запустите снова;

Ссылку на конкретный фрагмент текста можно открыть только в Chrome

• Теперь откройте сайт с текстом, выделите фрагмент и в контекстном меню выберите «Ссылка на текст»;
• Отправьте ссылку на выделенный фрагмент любым удобным способом.

Аналогичным образом функцию создания ссылок на фрагменты текста можно включить в десктопной версии Chrome. Правда, там она почему-то называется более просто – Link to text.

Важное уточнение: в мобильной версии нововведение работает как-то однобоко. Вы можете создать ссылку на конкретный фрагмент текста, вы можете его даже отправить своему собеседнику через мессенджер, приложение социальной сети или по почте. Вот только переход по ней с мобильного устройства на iOS – будь то iPhone или iPad – ничего не даст.

Не работает ссылка на фрагмент текста. Что делать

В Chrome на Mac ссылки можно и создавать, и переходить по ним

Однако, стоит кликнуть по ссылке с компьютера с установленным Google Chrome или со смартфона на Android, всё получится. И в том, и в другом случае браузер – разумеется, при условии, что он обновлён до актуальной версии и у него включен соответствующий параметр в меню флагов – отправит вас к тому самому фрагменту текста, на который и была создана ссылка. Короче, чудеса.

Если всё сработало, переход по ссылке перенесёт вас к нужной чата текста, которая будет выделена жёлтым. У меня это работает только в Chrome на Mac и на Android

Я проверял работу нововведения на всех своих устройствах с iOS, но ни одно из них не смогло открыть ссылку и перенести меня к выделенному фрагменту текста. Каждый раз сайт открывался в самом начале, как если бы я просто переходил по URL из поисковика. Возможно, неполадки связаны с тем, что функция ещё находится в стадии бета-тестирования, а потому скрыта в меню флагов.

Google, что за трэш? Почему не стоит пользоваться Chrome на iOS

Тем не менее, вы можете пользоваться новой функцией создания ссылок на конкретные части текста в одни ворота. Например, если вас просят сослаться на точный фрагмент, и вы знаете, что собеседник пользуется десктопной версией Chrome или Chrome для Android, вы вполне сможете это сделать и не ударите в грязь лицом. Главное – помните, что пытаться попасть к выделенному фрагменту из другого браузера, кроме Chrome (и ещё Edge), у вас не получится.

Обзоры приложений для iOS и MacСоветы по работе с Apple

👍 Как сделать ссылку на определенную часть страницы

Все пользователи, которые так или иначе связаны с сайтами, их созданием или редактированием ежедневно встречаются с созданием ссылок на различные материалы. И наверняка каждых из них знает, как и при помощи какого html-тега сделать ссылку на какой-либо материал в интернете.

Однако далеко не все умеют ставить ссылку на определенную часть страницы. Это может быть очень полезно, если вы пишете большие статьи. В начале поста можно сделать оглавление, из каждой строчки которого потом сделать ссылку на конкретную часть текста, как на этой же странице, так и на любой другой.

Что бы понять, что мы имеем ввиду, посмотрите оформление нашей недавней статьи о знаках больше и меньше. Вверху страницы как раз реализовано такое меню, в котором сделаны ссылки на определенное место страницы.

Как сделать ссылку на определенное место текущей страницы

Если перед вами стоит задача сделать ссылку на часть той же страницы, на которой сейчас находится пользователь, отправить его выше или ниже, то сделать это можно следующим способом:

1. Присвойте якорь части страницы

Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код

<a id=“anchor”></a> Текст страницы…

где вместо «anchor» вставьте любое слово, желательно подходящее по смыслу к абзацу, на который ссылаетесь.

2. Сделайте ссылку на «якорь»

Вторым делом вам нужно сделать ссылку на установленный в первом пункте «якорь» в том месте страницы, откуда пользователь, по вашему мнению, может захотеть перейти к части текста, на которую вы ссылаетесь. Например, это может быть оглавление в начале статьи. Ссылка на «якорь» выглядит следующим образом

<a href=“#anchor”>Текст ссылки</a>

где «anchor» замените на то слово, которое выбрали в первом пункте статьи.

Как сделать ссылку на определенную часть другой страницы

Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:

1. Присвойте «якорь» странице-реципиенту

Как и в предыдущем пункте, присвойте «якорь» нужной части той страницы, на которую пользователь должен переходить при нажатии на ссылку, выглядит это все так же:

<a id=“anchor”></a> Текст страницы…

где вместо «anchor» вы так должны вставить любое слово по вашему желанию.

2. Сделайте ссылку на anchor другой страницы

Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее «якорь». Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом

<a href=“http://адрес#anchor”>Текст ссылки</a>

где вместо «адрес страницы» вам нужно подставить, соответственно, URL страницы, на которую ссылаетесь, а вместо «anchor» текст, выбранный вами при создании «якоря».

Пример ссылки на часть страницы

Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код

<a id=“top”>

а код ссылки выглядит вот так

<a href=“#top”>эту ссылку</a>

Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом

<a href=“https://kak2.ru/sdelat-ssylku-na-opredelennuyu-chast-stranicy#top”>Текст ссылки</a>

© kak2.ru

16 февраля 2022Категория Бизнес и работа, Вебмастеру, Интернет Тэги: анкор, сайт, сайтостроение, ссылка, страница.

html — Получение ссылки для перехода в определенный раздел на другой странице

спросил 9 лет, 4 месяца назад

Изменено 10 месяцев назад

Просмотрено 165 тысяч раз

У меня есть ссылка на одной странице, по которой нужно перейти на другую страницу, но загрузить ее в определенный раздел на этой другой странице.

Я делал это раньше с бутстрапом, но они убрали из него весь «код», поэтому мне нужно знать, как это сделать с нуля. Вот разметка, которую я сделал на основе этой ссылки (не самый лучший ресурс, я знаю): http://www.w3schools.com/html/html_links.asp

 **Page One**
 ...