Как выделить в тексте ссылку: Как выбрать текст гиперссылки в Google Chrome?

Содержание

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

Сложно представить более удобный браузер, чем Chrome. При всей его прожорливости и довольно халатном отношении к данным пользователей, он мега-удобен. Во всяком случае, такого обилия функций на все случаи жизни мне не приходилось встречать больше нигде. Безусловно, есть Opera, Firefox и, прости господи, Яндекс.Браузер, но ни тот, ни другой, ни третий не обеспечивают и половины тех возможностей, которыми обладает Chrome. Причём речь сейчас идёт не только о настольной версии браузера, но и о мобильной, которая почти ни в чём ей не уступает. Смотрите сами.

В Chrome можно сделать ссылку на фрагмент текста

Как включить режим чтения в Google Chrome

Система ссылок в браузерах несовершенна. По умолчанию она не позволяет выделить какой-то фрагмент текста и отправить его собеседнику. В результате вам приходится самостоятельно объяснять, где искать нужную информацию. Само собой, это ужасно неудобно. Во-первых, потому что вынуждает вас обоих тратить лишнее время, а, во-вторых, потому что не позволяет исключить вероятность ошибки. Ведь если получатель ссылки наткнётся на то же сочетание слов, но из другого абзаца, все ваши усилия по донесению до него той или иной информации пойдут насмарку. Но Chrome устраняет эту проблему.

Ссылка на фрагмент текста на Android

Если вам нужно отправить ссылку на конкретный фрагмент текста, Google Chrome вам поможет. Причём неважно, пользуетесь вы мобильной или настольной версиями браузера. Я покажу, как это работает, и тут, и там.

  • Запустите Chrome на своём Android-смартфоне;
  • В адресной строке введите chrome://flags;

Включите нужный флаг в экспериментальном меню Chrome

  • Найдите параметр Chrome Share text highlights on Android;
  • В выпадающем окне напротив выберите Enabled и перезагрузите браузер кнопкой Relaunch;
  • Откройте веб-страницу с текстом, на фрагмент которого хотите отправить ссылку;

Выделить можно любой фрагмент текста и отправить в виде ссылки

  • Выделите нужный фрагмент текста и нажмите «Поделиться»;
  • В предложенном меню выберите «Ссылка на текст» и отправьте её по назначению.

Google перестанет выпускать обновления Chrome для старых ПК

Ссылка, по которой перейдёт получатель, отправит его к выделенному отправителем фрагменту. Для наглядности он будет выделен жёлтым цветом. Это позволит мгновенно определить, где начинается и где заканчивается текст, на который дана ссылка.

Ссылка на конкретную часть текста в Chrome

Однако не только в мобильной версии есть возможность поделиться ссылкой на фрагмент текста. Вот как этот механизм работает в десктопном Chrome:

  • Перейдите по этой ссылке и загрузите расширение Link to Text Fragment;
  • Откройте страницу, ссылку на фрагмент которой хотите отправить;

В десктопной версии Chrome ссылку на фрагмент текста можно сделать только с помощью расширения

  • Выделите нужный фрагмент текста на открытой веб-странице;

Вот в таком получатель увидит фрагмент текста по ссылке

  • Нажмите правую кнопку мыши и выберите Copy link to select text;
  • Отправьте ссылку на фрагмент текста выбранному адресату.

К сожалению, в десктопной версии Chrome возможность отправить ссылку на фрагмент текста по умолчанию отсутствует. Её нет даже в меню флагов. Поэтому тем, кому такая возможность обязательно нужна, придётся довольствоваться функциональностью стороннего расширения. Безусловно, с практической точки зрения оно ничем не хуже штатной функции, если не учитывать, что теоретически оно всё равно нагружает браузер и расходует ресурс компьютера.

Chrome жрёт оперативку? Google это исправит

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

Как с помощью стилей выделить ссылки, которые ссылаются на другой сайт?

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
7.0+1.0+9.0+1.0+1.0+1.0+1.0+

Задача

Установить стиль ссылок, которые ссылаются на другие сайты.

Решение

Универсальный способ, работающий во всех браузерах, состоит в создании нового класса и его добавлении к определенным ссылкам. Например, вводим класс blank и с помощью атрибута class применяем его к желаемым тегам <a> (пример 1).

Пример 1. Использование классов

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Использование классов</title>
  <style>
   a.blank {
    font-weight: bold; /* Жирное начертание */
   }
  </style>
 </head>
 <body>
  <p><a href="1.="http://"]  {
    font-weight: bold; /* Жирное начертание */
    color: maroon; /* Цвет ссылок */
   }
  </style>
 </head>
 <body>
  <p><a href="1.html">Обычная ссылка</a></p>
  <p><a href="http://htmlbook.ru">Ссылка на сайт htmlbook.ru</a></p>
 </body>
</html>

Как создать, удалить, изменить гиперссылку в Word

Очень часто пользователи текстового редактора Word даже понятия не имеют, как работать в нем с гиперссылками, а ведь в этом нет совершенно ничего сложного.

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

Как создать ссылку в Ворде на веб-страницу

Предположим, что в каком-то из предложений в тексте документа нам надо сделать одно или несколько слов в виде ссылки на веб-страницу, которая служит источником информации.

Для этого выделяем текст будущей гиперссылки, в нашем случае «РИА Новости» и кликаем правой кнопкой, в появившемся контекстном меню выбираем пункт «Гиперссылка».

В появившемся окне нужно выбрать, с чем именно мы будем связывать гиперссылку — с файлом, веб-страницей, в поле «адрес» вводим url страницы, а также в дополнительном окошке можно ввести текст подсказки, которая будет отображаться при наведении курсора на нашу гиперссылку.

И вот наша ссылка готова.

Аналогично все проделывается и для изображений.

Как создать гиперссылку в Word на место в текущем документе

Ссылка на конкретное место в текущем документе полезна при составлении содержания или плана документа, но может быть использована и для других случаев. Чтобы ее создать, нужно сначала отметить именно то место в документе, на который будущая гиперссылка будет ссылаться. Для примера я взял первую попавшуюся курсовую работу с планом.

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

Вводим имя закладки и нажимаем кнопку «Добавить». Внешне текст при этом никак не изменится, но эту закладку уже можно использовать при создании ссылки. Итак, закладку мы сделали, далее идем в план документа и создаем ссылку на нашу закладку.

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

Как видно на изображении, ссылаться можно не только на закладку, но и на заголовки в тексте, предварительно они должны быть соответствующим образом отформатированы.

Как создать гиперссылку в Word на другой документ

Процесс создания ссылки на другой документ (файл) мало чем отличается от описанных выше способов. Единственное отличие — ссылаться уже будем не на веб-страницу, а на конкретный файл.

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

Как создать гиперссылку в Word на место в другом документе

Если же надо не просто открыть документ, но еще и сразу перейти к нужному месту в его содержимом, то при создании ссылки на другой документ следует воспользоваться кнопкой «Закладка» в окне создания гиперссылки. При этом откроется дополнительное окошко, содержащие список закладок в указанном документе.

Выделяем нужную ссылку и нажимаем кнопку «ОК». После этого текст в поле «адрес» приобретет следующий вид: (имя файла)#(название закладки).

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

В случае, если требуется сослаться на какую-то ячейку в документе Excel, то в поле «адрес» после имени файла следует добавить знак «#», а после вставляем адрес диапазона ячейки.

Как создать гиперссылку в Word на пустое сообщение электронной почты

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

После нажатия кнопки «ОК» ссылка будет создана и при клике по ней будет открываться почтовый клиент по умолчанию с уже заполненными полями «Адрес получателя» и «Тема письма».

Как удалить гиперссылку в Word

Самый простой способ удаления ссылки в Ворде — это вызов на ней контекстного меню и выбор соответствующего пункта.

Однако есть и другой способ специально для тех, кто привык работать, не отвлекаюсь на манипуляции с мышью. Поставив курсор на гиперссылку, и нажав сочетание клавиш Ctrl+Shift+F9, мы также удалим ссылку, находящуюся под курсором, но с одним отличием — текст гиперссылки станет выделенным.

Как удалить все ссылки в Word

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

Но что если весь текст вставляется именно с тем форматированием, которое нам нужно, вот только ссылки мешают? В этом случае поможет все то же сочетание клавиш Ctrl+Shift+F9, только предварительно надо выделить ту часть текста, в которой вы хотите избавиться от ссылок.

Как отредактировать ссылку в Word

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

Есть еще один интересный способ редактирование гиперссылок — текстовый. Для его вызова требуется поставить курсор на ссылку и нажать сочетание клавиш Shift+F9, после чего ссылка приобретет вид условного кода, а сам текст гиперссылки станет невидим.

Здесь в кавычках после тэга «HYPERLINK» идет адрес ссылки. Потом идут параметры. Первым параметром \l «B4», как правило, выступает диапазон или закладка в документе, который будет открыт. Параметр \o «Открыть файл Excel» — не что иное, как подсказка ссылки. После того, как вы отредактируете в гиперссылке нужную вам часть, следует снова нажать сочетание клавиш Shift+F9 и ссылка приобретет прежний вид.

Как отредактировать адреса всех ссылок в Word

Сочетание клавиш Shift+F9 будет весьма полезным и для правки сразу всех ссылок, но до его нажатия нужно выделить редактируемый диапазон текста. Если же нужно преобразовать вообще все ссылки в код, то можно воспользоваться сочетанием клавиш Alt+F9.
Для чего это нужно? Предположим, что у нас в документе есть множество ссылок на сайт, который внезапно сменил свое доменное имя.

Без всяких выделений нажимаем Alt+F9 и видим исходный текст всех этих ссылок.

И если сайт теперь базируется не на «.by», а на «.ru», то нужно изменить адреса ссылок. Вот тут-то отображение всех ссылок в виде кода нам и поможет. Мы просто используем функцию Ворда «Найти и заменить», тем самым преобразовав адреса в ссылках.

После того, как мы внесли исправления, можно снова нажимать сочетание клавиш Alt+F9 и ссылки приобретут свой прежний вид, но уже будут вести по новому адресу.
Вот так всего в три небольших действия можно заменить целый ряд нудной (в случае, когда ссылок несколько сотен) и утомительной работы, когда ссылки правятся вручную по-отдельности.

 

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

Если вам неудобно кликать на гиперссылке в тексте документа с зажатой клавишей Ctrl, то это легко исправить.

Для Word 2003 и ниже:
Идем в меню «Сервис» — «Параметры» — вкладка «Правка» и убираем галочку с пункта «CTRL + щелчок для выбора гиперссылки».

Для Word 2007 и выше:
Нажимаем кнопку «Officce » и выбираем «Параметры Word». Далее выбираем слева «Дополнительно» и убираем галочку с пункта «CTRL + щелчок для выбора гиперссылки».

Быстрый старт / Подробные инструкции / Настройка текста и ссылок / Настройка текста и ссылок / Taplink — Официальный сайт: Мультиссылка в Instagram

При регистрации в системе вам будет присвоен собственный адрес формата http://taplink.cc/ваш_ник. Вы можете указать его в профиле Instagram. Теперь давайте заполним страницу ссылками и приветственным текстом. TapLink автоматически загружает ваш ник и аватар из Instagram. Если в описании профиля была ссылка, то и она появится на вашей странице.

Кликните на аватар, чтобы отредактировать его. Можно изменить размер, скрыть ваш ник или вовсе удалить этот блок. Если вы изменили свой аватар в Instagram, то в сервисе TapLink он обновится автоматически в течение 24 часов.

Добавьте на вашу страницу приветственный текст. Кликните «Добавить новый блок», выберите «Текстовый блок». Напишите текст. Вы можете изменить размер текста, сделать выравнивание, вставить любой смайлик (эмодзи). Нажмите кнопку «Сохранить».

Вы можете добавить на вашу страницу ссылку, а лучше — несколько. Нажмите «Добавить новый блок», выберите «Ссылка». Затем укажите заголовок ссылки и введите адрес сайта. Повторите действие столько раз, сколько ссылок вы хотите добавить.

Ссылки могут вести не только на другие сайты. Можно сделать ссылку, по тапу на которую посетители смогут вам позвонить или написать письмо. Для этого в поле «Действие» выберите «Позвонить» или «Отправить эл. письмо».

Если у вас подключен Business-тариф, то вы можете создавать мини-сайты из нескольких страниц. Чтобы сделать ссылку на другую страницу, выберите действие «Открыть страницу».

Чтобы визуально разделить блоки на вашей странице и сделать её более наглядной можно использовать разделители. Нажмите «Добавить новый блок», затем «Разделитель». Выберите подходящий вам размер отступа (маленький, средний, большой), нажмите «Сохранить».

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

Что ещё:

Как сделать в Ворде ссылку

Программа MS Word автоматически создает активные ссылки (гиперссылки) после ввода или вставки URL-адреса веб-страницы и последующего нажатия клавиш “Space” (пробел) или “Enter”. Кроме того, сделать активную ссылку в Ворде можно и вручную, о чем и пойдет речь в нашей статье.

Создаем настраиваемую гиперссылку

1. Выделите текст или изображение, которое должно представлять собой активную ссылку (гиперссылку).

2. Перейдите ко вкладке “Вставка” и выберите там команду “Гиперссылка”, расположенную в группе “Ссылки”.

3. В диалоговом окне, которое появится перед вами, выполните необходимое действие:

  • Если вы хотите создать ссылку на какой-либо существующий файл или веб-ресурс, выберите в разделе “Связать с” пункт “файлом, веб-страницей”. В появившемся поле “Адрес” введите URL-адрес (к примеру, /).
    Совет: Если вы делаете ссылку на файл, адрес (путь) которого вам неизвестен, просто нажмите на стрелочку в списке “Искать в” и перейдите к файлу.

  • Если вы хотите добавить ссылку на файл, который пока не был создан, выберите в разделе “Связать с” пункт “новым документом”, после чего введите имя будущего файла в соответствующее поле. В разделе “Когда вносить правку в новый документ” выберите необходимый параметр “сейчас” или “позже”.
    Совет: Помимо создания самой гиперссылки, вы можете изменить подсказку, которая всплывает при наведении курсора на слово, фразу или графический файл, содержащий активную ссылку.

    Чтобы это сделать, нажмите кнопку “Подсказка”, а затем введите необходимую информацию. Если же подсказка не задана вручную, в качестве таковой используется путь к файлу или его адрес.

Создаем гиперссылку на пустое электронное сообщение

1. Выделите изображение или текст, который вы планируете преобразовать в гиперссылку.

2. Перейдите ко вкладке “Вставка” и выберите в ней команду “Гиперссылка” (группа “Ссылки”).

3. В диалоговом окне, которое перед вами появится, в разделе “Связать с” выберите пункт “электронной почтой”.

4. Введите в соответствующее поле необходимый адрес электронного ящика. Также, можно выбрать адрес из списка недавно использовавшихся.

5. Если это необходимо, введите тему сообщения в соответствующем поле.

Примечание: Некоторыми браузерами и почтовыми клиентами строка темы не распознается.

    Совет: Подобно тому, как можно настроить подсказку для обычной гиперссылки, вы также можете настроить всплывающую подсказку для активной ссылки на электронное сообщение. Для этого просто нажмите кнопку “Подсказка” и в соответствующем поле введите необходимый текст.

    Если вы не введете текст всплывающей подсказки, MS Word автоматически будет выводить “mailto”, а вслед за этим текстом будет указан введенный вами адрес электронной почты и тема письма.

Кроме того, вы можете создать гиперссылку на пустое электронное сообщение, введя в документе адрес почты. К примеру, если ввести “[email protected]” без кавычек и нажать пробел или “Enter”, автоматически создастся гиперссылка с подсказкой по умолчанию.

Создаем гиперссылку на другое место в документе

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

Как отметить место назначения ссылки?

Используя закладку или заголовок, можно отметить место назначения ссылки.

Добавляем закладку

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

2. Перейдите ко вкладке “Вставка”, нажмите кнопку “Закладка”, расположенную в группе “Ссылки”.

3. Введите имя закладки в соответствующем поле.

Примечание: Имя закладки обязательно должно начинаться с буквы. Однако, в имени закладки могут содержаться и цифры, а вот пробелов быть не должно.

    Совет: Если вам необходимо разделить слова в название закладки, воспользуйтесь символом подчеркивания, к примеру, “сайт_lumpics”.

4. Выполнив вышеописанные действия, нажмите “Добавить”.

Используем стиль заголовка

К тексту, расположенному в том месте, куда должна вести гиперссылка, можно использовать один из шаблонных стилей заголовков, доступных в MS Word.

1. Выделите фрагмент текста, к которому необходимо применить конкретный стиль заголовка.

2. Во вкладке “Главная” выберите один из доступных стилей, представленных в группе “Стили”.

    Совет: Если выделен текст, который должен выглядеть, как основной заголовок, можно выбрать для него соответствующий шаблон из доступной коллекции экспресс-стилей. Например, “Заголовок 1”.

Добавляем ссылку

1. Выделите тот текст или объект, который в дальнейшем будет представлять собой гиперссылку.

2. Кликните правой кнопкой мышки по этому элементу, и в открывшемся контекстном меню выберите пункт “Гиперссылка”.

3. Выберите в разделе “Связать с” пункт “Место в документе”.

4. В появившемся списке выберите закладку или заголовок, куда будет ссылаться гиперссылка.

    Совет: Если вы хотите изменить подсказку, которая будет выводиться при наведении курсора на гиперссылку, нажмите кнопку “Подсказка” и введите необходимый текст.

    Если подсказка не будет задана вручную, то для активной ссылки на закладку будет использоваться “имя закладки”, а для ссылки на заголовок “Текущий документ”.

Создаем гиперссылку на место в стороннем документе или созданной веб-странице

Если вы желаете создать активную ссылку на то или иное место в текстовом документе или веб-странице, созданной вами в Ворде, для начала необходимо отметить точку, к которой эта ссылка будет вести.

Отмечаем место назначения гиперссылки

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

2. Откройте файл, в котором должна быть размещена активная ссылка на конкретное место ранее открытого документа.

3. Выделите объект, который эту гиперссылку должен содержать.

4. Кликните правой кнопкой мышки на выделенном объекте и выберите в контекстном меню пункт “Гиперссылка”.

5. В появившемся окне выберите в группе “Связать с” пункт “файлом, веб-страницей”.

6. В разделе “Искать в” укажите путь к файлу, в котором вы создали закладку.

7. Кликните по кнопке “Закладка” и выберите в диалоговом окне необходимую закладку, после чего нажмите “ОК”.

8. Нажмите “ОК” в диалоговом окне “Вставка ссылки”.

В созданном вами документе появится гиперссылка на место в другом документе либо же на веб-странице. Подсказка, которая будет отображаться по умолчанию — это путь к первому файлу, содержащему в себе закладку.

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

Добавляем ссылку

1. В документе выделите текстовый фрагмент или объект, который в дальнейшем будет представлять собой гиперссылку.

2. Кликните на нем правой кнопкой мышки и в открывшемся контекстном меню выберите пункт “Гиперссылка”.

3. В открывшемся диалоговом окне, в разделе “Связать с” выберите пункт “Место в документе”.

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

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


    Совет: В документах Microsoft Office Word можно создавать активные ссылки на конкретные места в документах, созданных в других программах офисного пакета. Эти ссылки могут быть сохранены в форматах приложений Excel и PowerPoint.

    Так, если вы хотите создать ссылку на место в книге MS Excel, для начала создайте в ней имя, затем в гиперссылке в конце имени файла введите “#” без кавычек, а за решеткой укажите созданное вами имя XLS-файла.

    Для гиперссылки на PowerPoint проделайте ровно то же самое, только после символа “#” укажите номер конкретного слайда.

Быстро создаем гиперссылку на другой файл

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

Сделать это можно также и с помощью функции drag-and-drop, то есть, путем банального перетаскивания выбранного текстового или графического элемента из документа MS Word, URL-адрес или активную ссылку из некоторых веб-обозревателей.

Кроме этого, можно также просто скопировать предварительно выбранную ячейку или диапазон таковых из таблицы Microsoft Office Excel.

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

Важное примечание: Текст следует копировать из файла, который был предварительно сохранен.

Примечание: Создавать активные ссылки посредством перетаскивания объектов-рисунков (например, фигур) невозможно. Чтобы сделать гиперссылку для таких графических элементов, следует выделить объект-рисунок, кликнуть по нему правой кнопкой мышки и в контекстном меню выбрать “Гиперссылка”.

Создаем гиперссылку посредством перетаскивания содержимого со стороннего документа

1. Используйте в качестве конечного документа файл, на который требуется создать активную ссылку. Предварительно выполните его сохранение.

2. Откройте документ MS Word, в который требуется добавить гиперссылку.

3. Откройте конечный документ и выделите фрагмент текста, изображение или любой другой объект, к которому и будет вести гиперссылка.


    Совет: Вы можете выделить несколько первых слов раздела, на который будет создаваться активная ссылка.

4. Кликните правой кнопкой мышки по выделенному объекту, перетащите его на панель задач, а затем наведите на документ Ворд, в который и требуется добавить гиперссылку.

5. В контекстном меню, которое перед вами появится, выберите пункт “Создать гиперссылку”.

6. Выделенный вами фрагмент текста, изображение или другой объект станет гиперссылкой и будет ссылаться на созданный вами ранее конечный документ.


    Совет: При наведении курсора на созданную гиперссылку, в качестве подсказки по умолчанию будет отображаться путь к конечному документу. Если же вы кликните левой кнопкой мышки по гиперсслыке, предварительно зажав клавишу “Ctrl”, вы перейдете к месту в конечном документе, на которое гиперссылка ссылается.

Создаем гиперссылку на содержимое веб-страницы посредством его перетаскивания

1. Откройте текстовый документ, в который необходимо добавить активную ссылку.

2. Откройте страницу сайта и кликните правой кнопкой мышки по предварительно выделенному объекту, к которому должна вести гиперссылка.

3. Теперь перетащите выбранный объект на панель задач, а затем наведите на документ, в который необходимо добавить ссылку на него.

4. Отпустите правую кнопку мышки, когда будете находиться внутри документа, и в открывшемся контекстном меню выберите пункт “Создать гиперсслыку”. В документе появится активная ссылка на объект с веб-страницы.

Кликнув по ссылке с предварительно зажатой клавишей “Ctrl”, вы перейдете непосредственно к выбранному вами объекту в окне браузера.

Создаем гиперсслыку на содержимое листа Excel путем копирования и вставки

1. Откройте документ MS Excel и выделите в нем ячейку или диапазон таковых, на которые будет ссылаться гиперссылка.

2. Кликните по выделенному фрагменту правой кнопкой мышки и выберите в контекстном меню пункт “Копировать”.

3. Откройте документ MS Word, в который требуется добавить гиперссылку.

4. Во вкладке “Главная” в группе “Буфер обмена” кликните по стрелке “Вставить”, после чего в развернувшемся меню выберите “Вставить как гиперссылку”.

Гиперссылка на содержимое документа Microsoft Excel будет добавлена в Ворд.

На этом все, теперь вы знаете, как сделать активную ссылку в документе MS Word и знаете, как добавлять разные гиперссылки на разного рода содержимое. Желаем вам продуктивной работы и результативного обучения. Успехов в покорение Майкрософт Ворд.

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Link to Text Fragment — расширение Chrome, позволяющее создавать ссылки на любой текст страницы

Интернет был бы ничем без ссылок. Они позволяют нам делиться всем: от видео, изображений до статей. Но что, если вы хотите поделиться определенным разделом статьи, или, возможно, выделить предложение, которое показалось вам особенно полезным? До сих пор это было относительно сложно. Новое расширение для браузера Chrome (или Microsoft Edge) под названием «Link to Text Fragment» обещает сделать процесс намного более плавным.

Расширение работает путем указания фрагмента текста во фрагменте URL. Установив расширение, вы можете выделить текст, на который вы хотите создать ссылку, затем щелкнуть правой кнопкой мыши и выбрать «Copy Link to Selected Text,», которая сгенерирует новую ссылку и добавит ее в буфер обмена. При переходе по URL с выделенным конкретным текстом браузер будет выделять его, чтобы привлечь внимание пользователя. В Chrome это проявляется в виде ярко-желтого выделения над фрагментом текста:

Несмотря на то, что можно было ссылаться на разделы веб-страницы, которые были обозначены тегами привязки в HTML, Link to Text Fragment работает, ссылаясь на начало и конец выделенного текста непосредственно в ссылке, что позволяет любому фрагменту текста быть связанным между собой.

Это та же технология, которая недавно позволила Google выделять конкретные поисковые термины прямо на странице.

0
0
votes

Рейтинг статьи

Как сделать ссылку в ворде. Ссылки (сноски) дипломной, курсовой работы. Пример оформления.

Необходимость ссылки в научном труде на первоисточник является вполне обоснованной. Ведь при написании курсовой работы или диплома в обязательном порядке используются материалов авторитетных учёных.

Большинство студентов и, к сожалению, преподавателей, некорректно употребляют термин: «сноски»– это не синоним для библиографических ссылок!

Однако подавляющее большинство студентов при написании курсовых и дипломных работ ищет ответ на вопрос: «как делать сноски», имея в виду как оформлять библиографические ссылки.

Как правильно оформлять сноски (библиографические ссылки) при написании курсовых и дипломных работ

При оформлении ссылок в курсовых и дипломных работах необходимо руководствоваться ГОСТ Р 7.0.5-2008 «Система стандартов по информации, библиотечному и издательскому делу. Библиографическая ссылка. Общие требования и правила составления».

При этом существует ГОСТ 7.1–2003, которым необходимо руководствоваться, оформляя список литературы.

Однако, опыт написания курсовых и дипломных работ показывает, наличие утвержденного в РФ ГОСТ не мешает ВУЗам устанавливать собственные требования по оформлению сносок (ссылок). Более того, разные ВУЗы устанавливают разные правила, которые, как правило, прописаны в методических указаниях. Разумеется, крайне желательно выполнять требования своего учебного заведения, однако в случае возникновения спорных ситуаций, аргументирование соответствием оформления ссылок ГОСТу вполне уместно.

Понятие ссылки и сноски в курсовой и дипломной работе

Узнайте стоимость нашей помощи в написании работы прямо сейчас

Заполните всё, что вы знаете о вашей работе, а наши эксперты её оценят

Сноска – это дополнительный текст, помещаемый в самом низу страницы под основным текстом и отделенный от него чертой (Большой толковый словарь русского языка. СПб., 2001). Сноска может содержать примечания к основному тексту, переводы иноязычного текста, библиографические ссылки и пр.

Библиографическая ссылка содержит  библиографические сведения (автор, заглавие, выходные данные, физическую характеристику (страницы) и пр.) о цитируемом, рассматриваемом или упоминаемом в тексте работы документе (книге, статье и пр.).

А связь между  сноской и библиографической ссылкой такова: сноска это то место внизу страницы, куда можно поместить библиографическую ссылку. Ниже более подробно рассмотрены правила оформления последней.

Виды ссылок и правила их оформления

Согласно ГОСТ Р 7.0.5–2008, библиографические ссылки бывают трех видов:

  • внутритекстовые;
  • затекстовые;
  • подстрочные.
  1. Внутритекстовая ссылка содержит дополнительные  сведения об объекте ссылки, которые не включены в основной текст документа. Внутритекстовая ссылка заключается в круглые скобки. Такое оформление библиографических ссылок используют крайне редко в университетах.
  1. Затекстовые библиографические ссылки вынесены за текст  работы. Они пронумерованы и с основным текстом связаны системой отсылок. Отсылки заключают в квадратные скобки, например: [8, с. 15], где 8 – порядковый номер документа, включенного в затекстовые ссылки, 15 – страница, на которую Вы ссылаетесь в документе под № 8.

Смотрите подробнее — как оформлять затекстовые и подстрочные ссылки.

  1. Подстрочные библиографические ссылки получили свое название потому, что их выносят из текста вниз полосы (страницы), в сноску.

Оформление ссылок в текстовом редакторе

Как правило, техническое оформление первых двух типов ссылок не вызывает каких-либо вопросов.

Оформление подстрочных ссылок рекомендуется проводить следующим образом:

В Microsoft Word на панели инструментов, которая располагается вверху экрана компьютера, выбираем окно «Вставка», далее «ссылка – сноска». Теперь необходимо установить формат сноски: выбираем нумерацию сноски «на каждой странице». Теперь по всему тексту дипломной работы подстрочные ссылки будут располагаться как раз на той странице, где располагается наша цитата.

Пример подстрочных библиографических ссылок

Если в тексте используется косвенная речь, как в примере, то к самой ссылке необходимо добавить слова: см. об этом:, см., напр.: и т.д. О. Шилохвост, полагая, что договоры, предусмотренные частью четвертой Кодекса, могут строиться как по модели консенсуального, так и по модели реального договора, тем не менее указывает, что «оптимальной моделью следует считать консенсуальный договор».1

__________________________________________

1 См. об этом: Комментарий к Гражданскому кодексу Российской Федерации части четвертой (постатейный) / отв. ред.  Л. А. Трахтенгерц. М.  : КОНТРАКТ -:  ИНФРА-М, 2009. С. 45.

Соответственно, если используется прямая речь, то ссылка делается следующим образом:

Известный ученый-юрист Ю. А. Крохина дает следующее определение понятию контроль: «Контроль — это правовая конструкция, призванная обеспечить строгое и неукоснительное исполнение законов, соблюдение правовой дисциплины органами государственной власти, органами местного самоуправления, физическими и юридическими лицами»2.

__________________________________________

2 Крохина Ю. А. Финансовое право России. Общая часть : учебник. – М. : Норма, 2008. – С. 135.

Согласно пункту  4.9.1 ГОСТа  Р 7.0.5–2008 «допускается предписанный знак точку и тире заменять точкой, разделяющей области библиографического описания». Таким образом, та же библиографическая ссылка может выглядеть следующим образом:

Крохина Ю. А. Финансовое право России. Общая часть : учебник.  М. : Норма, 2008.  С. 135.

ВАЖНО: в методичке к дипломной (курсовой) работе могут быть и другие требования к оформлению библиографических ссылок в сносках. Эти различия в основном касаются расстановки тире, указания на издательство, в котором вышла книга, выделения фамилии автора курсивом либо жирным шрифтом, изменение размера шрифта сноски на 12 или 10, указания ISBN (например,  ISBN: 978-5-93684-061-6) и т.д.

Примеры оформления ссылок на различные источники информации

К оформлению ссылок на различные источники информации (учебник, монография, статья в журнале или газете, нормативно-правовой акт, электронные ресурсы и др.)предъявляются различные требования по оформлению.

При описании статьи в ссылке указываются фамилия и инициалы автора, заглавие статьи, название журнала, год издания, номер, страница (на которой находится соответствующий текст).

Например: Мильков М. А. К вопросу о третьем лице по договору, заключенному в его пользу // Рос. судья. 2008. № 12. С. 29.

При использовании работ коллектива авторов приводятся название работы, инициалы и фамилия ее ответственного редактора.

Например: Гражданское право : учебник / под. ред. А. П. Сергеева, Ю. К. Толстого. – М. : Проспект. 1997. – С. 309–311.

Ссылки на иностранные интернет-ресурсы должны быть оформлены следующим образом.

Например: William W. Fisher. The Growth of Intellectual property: A history of the Ownership of ideas in the United States [Electronic resource].  – URL: http://cyber.law.harvard.edu.

При ссылке на нормативно-правовые акты должно быть указано полное название акта, год, номер, а также официальный источник опубликования (Российская газета или Собрание законодательства Российской Федерации):

Пример: О судебной системе Российской Федерации : федер. конституц. закон Рос. Федерации от 31 дек. 1996 г. № 1-ФКЗ // Собр. законодательства Рос. Федерации. – 1997. – № 1. – Ст. 1.

(По общей логике библиографического описания сначала указывают основное заглавие, а потом – сведения, относящиеся к заглавию. В данном случае такими сведениями являются: федер. конституц. закон и т.д. )

Ссылки, воспроизведенные из других изданий, приводятся с указанием источника заимствования (Цит. по: ) При повторных ссылках полное описание источника дается только при первой ссылке, вынесенную в сноску. При последующем указании на этот же источник, вместо заглавия необходимо приводить условное обозначение, н-р: «Указ. соч.». Если несколько ссылок на один и тот же источник приводится на одной и той же странице текста, то в подстрочных ссылках, которые выносятся в сноски, проставляются слова «Там же» и № страницы, на которую делается ссылка.

Кроме того, часто возникают вопросы о том, как оформлять ссылки в сносках на электронные ресурсы (интернет).  В действующем  ГОСТ 7.82–2001.  описано как правильно это сделать:

1. Годовой отчет Роспатента  за 2004 г. [Электронный ресурс] // ФИПС – Федеральный институт промышленной собственности  : [сайт]. Режим доступа: http://www.fips.ru/rep2001/rep2004/index.htm (дата обращения: 21.04.2013).

В соответствии с ГОСТ Р 7.0.5–2008 (пункт 10.4.4) вместо слов «Режим доступа» (или их эквивалента на другом языке) можно использовать для обозначения электронного адреса аббревиатуру «URL» (Uniform Resource Locator — унифицированный указатель ресурса).

2. Арестова  О. Н. Региональная специфика сообщества российских пользователей сети Интернет [Электронный ресурс] / О. Н. Арестова, Л. Н. Бабанин, А. Е. Войскунский. – Режим доступа: http://www.relarn.ru:8082/conf/conf97/10.html. – Загл. с экрана.

3.Королев А. Wi-Fi для всех [Электронный ресурс]. – URL: http:network.xsp.ru/5_3.php// (дата обращения: 21.04.2013).

4. Налоговый кодекс Российской Федерации [Электронный ресурс] : (часть первая) от 31 июля 1998 г.. № 146-ФЗ  (ред. от 4 марта 2013 г.). – Доступ из справ.-правовой системы «КонсультантПлюс».

5. Величко Л. А. Генеральные транспортные соглашения [Электронный ресурс] // Транспортное право. – 2009. –  № 4. – Доступ из справ.-правовой системы «КонсультантПлюс».

6.Иншина Р. С. Налоговая система России на современном этапе и основные направления налоговой политики РФ [Электронный ресурс]. – Доступ из справ.-правовой системы «КонсультантПлюс».

7. Беспалов М. В. Анализ основных приоритетов российской налоговой политики в современных экономических условиях [Электронный ресурс]   // Налоги. – 2010. –№ 1. – Доступ из справ.-правовой системы «КонсультантПлюс».

8.  http://www.consultant.ru/ law/ interview/ razgulin.html.

Видео по теме

В заключение предлагаем посмотреть полезное видео:

Заключение

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

БЕСПЛАТНО: получить расчет стоимости
перейти

©Автор: Пишем-диплом-сами.рф

Как выделить текст внутри гиперссылки, не открывая ссылку в Firefox

В каждом браузере есть функции, упрощающие выполнение основных задач, таких как выбор и копирование текста. В Firefox есть специальная функция для выбора части текста с гиперссылкой. Иногда при просмотре веб-страниц с помощью Firefox вам нужно выделить какой-то текст на веб-странице, часто несколько слов или фразу внутри более длинного предложения. Выбрать его не составит труда, если на этот текст нет гиперссылки для открытия другой страницы. Однако, если текст имеет гиперссылку, то при попытке выделить текст, особенно одно слово или фразу, вы можете случайно открыть гиперссылку.Вы можете легко выделить весь текст ссылки, но не так просто выделить часть текста гиперссылки. Вот собственное решение для пользователей Firefox как в Windows, так и в Linux. Эта особенность Firefox позволит вам точно выделить именно тот текст, который вы хотите.

Просто следуйте этим простым инструкциям, приведенным ниже.

Как выделить текст внутри гиперссылки, не открывая ссылку в Firefox для Windows

  1. Откройте любую веб-страницу в браузере Firefox, e.грамм. Первая страница Winaero.
  2. Нажмите и удерживайте клавишу ALT на клавиатуре и начните выделять текст внутри гиперссылки, перетаскивая, удерживая нажатой левую кнопку мыши.
    Вуаля:
  3. Теперь вам нужно отпустить левую кнопку мыши перед клавишей ALT, это важно.
  4. Готово. Текст останется выделенным, а гиперссылка не откроется. Вы можете скопировать выделенный текст с помощью сочетания клавиш CTRL + C.

Как выделить текст внутри гиперссылки, не открывая ссылку в Firefox для Linux

Для Linux шаги почти аналогичны, только клавиша-модификатор должна отличаться, потому что клавиша ALT привязана к жестам мыши для управления окном в большинство оконных менеджеров Linux.

  1. Откройте любую веб-страницу в браузере Firefox, например Первая страница Winaero.
  2. Нажмите и удерживайте одновременно клавиши ALT + WIN, на клавиатуре и начните выделять текст внутри гиперссылки, перетаскивая с нажатой левой кнопкой мыши.
  3. Опять же, вам нужно отпустить левую кнопку мыши, прежде чем отпускать клавиши клавиатуры, чтобы сохранить выбор и предотвратить открытие ссылки Firefox.
  4. Вот и все.

Теперь вы знаете, как получить любой текст, расположенный внутри гиперссылки в Firefox, не открывая ссылку.

Поддержите нас

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

Сергей Ткаченко, в Firefox.

О Сергее Ткаченко

Сергей Ткаченко — разработчик программного обеспечения из России, который основал Winaero еще в 2011 году. В этом блоге Сергей пишет обо всем, что связано с Microsoft, Windows и популярным программным обеспечением. Следите за ним в Telegram, Twitter и YouTube.

Как выделить частичный текст ссылки без навигации | Форум поддержки Firefox

cor-el сказал

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

Интересная техника! Чтобы увидеть кольцо фокуса, вы можете дважды щелкнуть слово перед ссылкой и затем нажать клавишу TAB, чтобы переместить фокус на следующую ссылку или поле формы. Прилагаю скриншот того, как это выглядит у меня в Windows.Затем с видимым пунктирным контуром вы можете использовать технику cor-el, начав выделение за краем кольца фокусировки , чтобы избежать срабатывания связи.

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

» cor-el [[# answer-1249475 | сказал]] »
<цитата>
У меня это сработает, если я начну перетаскивать мышью за пределы кольца фокуса ссылки.

Интересная техника! Чтобы увидеть кольцо фокуса, вы можете дважды щелкнуть слово перед ссылкой и затем нажать клавишу TAB, чтобы переместить фокус на следующую ссылку или поле формы. Прилагаю скриншот того, как это выглядит у меня в Windows. Затем с видимым пунктирным контуром вы можете использовать технику cor-el, начав выделение «за краем кольца фокусировки», чтобы избежать срабатывания ссылки.

» » ‘Изменить:’ » На самом деле на этой странице вам не нужно удерживать Alt при использовании этого метода.Поскольку «мышь вниз» произошла за пределами ссылки, когда «мышь вверх» происходит по ссылке, это не завершает событие щелчка по ссылке ».


Изменено , автор: jscher2000

Настройте текст для гиперссылки

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

Изменить существующую гиперссылку

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

  1. Щелкните правой кнопкой мыши в любом месте ссылки и в контекстном меню выберите Изменить гиперссылку .

  2. В диалоговом окне Изменить гиперссылку выберите текст в поле Текст для отображения .

  3. Введите текст, который вы хотите использовать для ссылки, а затем нажмите ОК .

Добавить гиперссылку к существующему тексту

Если вы просто хотите преобразовать существующий текст в гиперссылку:

  1. Выделите текст, который хотите превратить в гиперссылку, и щелкните его правой кнопкой мыши.

  2. В контекстном меню щелкните Гиперссылка .

  3. В диалоговом окне Insert Hyperlink вставьте ссылку в поле Address и нажмите OK .

6 способов разместить ссылку или поделиться текстом с веб-страницы

Расширение Google Link To Text Fragment предлагает один из способов привлечь внимание к определенному сегменту текста на веб-странице, как и пять других способов добавления комментариев, ссылок и обмена.

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

Но ссылка обычно указывает на страницу, а не на конкретный фрагмент текста. Чтобы сосредоточить внимание на сегменте текста, люди могут цитировать или делать снимки экрана с ключевой частью страницы. Однако в обоих случаях получателю ссылки все равно потребуется использовать функцию браузера Найти… (Ctrl + F), чтобы найти упомянутый текст на странице.

Что нового в TechRepublic

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

SEE: Google Таблицы: Советы и уловки (загрузка TechRepublic)

Как использовать Link To Text Fragment на настольном Chrome

Расширение Google Chrome, Link To Text Fragment, полезно, когда вы хотите делиться ссылками между людьми, использующими Chrome на компьютере, или среди них.После установки расширения вы можете выделить текст на веб-странице, щелкнуть правой кнопкой мыши, выбрать «Копировать ссылку на выбранный текст», а затем поделиться этой ссылкой где угодно (например, в электронной почте, в чате, в документе и т. Д.), Как показано в Рисунок A .

Рисунок A

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

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

Примечание: У получателя не требуется установка расширения. Однако, если получатель ссылки использует другой браузер или приложение Chrome на устройстве Android или iOS, ссылка должна открываться и отображать веб-страницу, но браузер не будет ни прокручивать к ранее выбранному фрагменту, ни выделять какой-либо текст. .

Как добавить аннотацию к PDF-файлу веб-страницы

Аннотации к PDF-файлу веб-страницы позволяют привлечь внимание к одной или нескольким частям страницы. Например, вы можете выделить несколько предложений, а также нарисовать линии, чтобы выделить целые разделы. Почти все получатели смогут получить доступ к PDF-файлу с аннотациями, поскольку большинство современных устройств включают средства просмотра PDF-файлов.

Чтобы создать PDF-файл веб-страницы из Chrome на ноутбуке или настольном компьютере, откройте страницу, затем выберите «Печать» в меню браузера (или нажмите Ctrl + P) и выберите «Сохранить как PDF», как показано на Рисунок B .

Рисунок B

Создайте PDF-файл страницы, а затем аннотируйте его, если вы хотите сделать несколько отметок. (Отображается параметр Chrome | Печать | Сохранить как PDF).

Другие системы предлагают аналогичные решения. Подробные инструкции для других устройств см. В разделах «Как сохранить веб-сайт в формате PDF в Android Chrome» и «Воспользуйтесь функцией Microsoft Print to PDF» в Windows 10.

Затем откройте PDF-файл с помощью инструмента аннотации. Например, в Chrome OS (, рис. C, ) вы можете открывать PDF-файл и комментировать его с помощью встроенных системных инструментов.Другие системы, такие как iOS, iPadOS и macOS, предлагают варианты системной разметки.

Рисунок C

Используйте свой любимый инструмент для аннотаций PDF, чтобы добавлять аннотации. На снимке экрана показан встроенный инструмент аннотации PDF в Chrome OS.

Как добавлять аннотации к странице с помощью Hypothes.is

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

После создания учетной записи установите расширение Hypothes.is для Chrome. Щелкните расширение на странице, которую вы хотите аннотировать, и появится боковая панель Hypothes.is (, рис. D, ). Убедитесь, что вы вошли в систему, выделите текст на странице, затем выберите «Аннотировать» или «Выделить». Вы можете сделать свои отметки личными (доступными только вам), доступными для группы или общедоступными.

Рисунок D

Гипотезы.is, который работает с расширением Chrome (показано), позволяет делать аннотации веб-страниц, которые являются частными, общедоступными для группы или общедоступными (как показано).

Как выбрать и опубликовать в Twitter

Если вы хотите опубликовать цитату со страницы публично, использование Twitter имеет большой смысл, особенно если длина текста и длина ссылки достаточно краткие, чтобы передать в твите. Выделите текст, добавьте кавычки, затем вставьте цитату и ссылку на исходный URL-адрес в твит.Конечно, для этого вам понадобится учетная запись Twitter.

В iOS приложение Linky плавно обрабатывает этот процесс, а также может автоматически помещать в изображение кавычки, длина которых превышает размер твита, как на рис. E .

Рисунок E

В iOS и iPadOS Linky упрощает процесс выбора текста, а затем делится этим текстом в твите.

Как добавить якорную ссылку

Якорная ссылка предлагает людям ссылку на определенный раздел веб-страницы.Однако создателю страницы необходимо добавить ссылку привязки. Например, перейдите по этой ссылке на страницу Википедии, где упоминаются якорные ссылки: https://en.wikipedia.org/wiki/Hyperlink#Anchor.

При открытии почти в любом браузере ссылка ведет вас к части страницы, в данном случае (немного рекурсивно, как показано на рис. F ) в раздел #Anchor. Большинство систем управления веб-контентом поддерживают якорные ссылки или позволяют вводить якорные ссылки в HTML.

Рисунок F

При создании веб-страницы вы можете делать якорные ссылки.Якорная ссылка позволяет людям ссылаться непосредственно на определенную часть страницы. Например, ссылка слева открывает веб-страницу, как показано справа.

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

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

Когда читатель с зарегистрированной учетной записью Twitter следует любому из них, выделенный текст автоматически заполняет твит вместе со ссылкой на исходную статью ( Рисунок G ).Вы можете добавить эти ссылки, следуя формату намерений Твиттера или используя онлайн-генератор (например, намерения твитов).

Рисунок G

Чтобы поощрять обмен текстом в Twitter, вы можете создать ссылку намерения Twitter. В этом примере статья на странице PewResearch.org (слева) со ссылкой на намерение Twitter откроет новый черновик твита (справа), заполненный предварительно выбранным текстом и ссылкой на исходную статью.

Каков ваш опыт?

Если вы использовали расширение Google Link To Text Fragment, дайте мне знать, насколько хорошо оно сработало для вас.Или дайте мне знать, если вы предпочитаете использовать какой-либо из других методов, упомянутых выше (например, аннотированный PDF-файл, Hypothes.is, совместное использование в Twitter и т. Д.). Какой из этих способов лучше всего работает, чтобы сосредоточить внимание читателя на конкретном тексте или конкретном содержании? Сообщите мне свои мысли в комментариях ниже или в Twitter (@awolber).

Еженедельный бюллетень Google

Узнайте, как получить максимальную отдачу от Google Docs, Google Cloud Platform, Google Apps, Chrome OS и всех других продуктов Google, используемых в бизнес-средах.Доставлено по пятницам

Зарегистрироваться Сегодня

См. Также

Изображение: Энди Вольбер / TechRepublic

Google подталкивает «ссылки на фрагменты текста» с новым расширением Chrome

  • Результат ссылки на фрагмент текста.Обратите внимание на выделенный текст и URL-адрес.

    Рон Амадео

  • Установив расширение, просто выделите нужный текст и щелкните правой кнопкой мыши.

    Рон Амадео

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

Эта функция фактически поддерживается в Chrome с версии 80, которая вышла на стабильный канал в феврале. Теперь новое расширение от Google упрощает создание этого нового типа ссылки, который будет работать для всех, кто использует Chrome на настольных ОС и Android. Google предложил идею W3C и надеется, что другие браузеры примут ее, но даже если они этого не сделают, ссылки имеют обратную совместимость.

Синтаксис этого URL выглядит довольно странно.После URL-адреса магия находится в строке «#: ~: text =», а затем в любом тексте, который вы хотите сопоставить. Таким образом, полная ссылка будет выглядеть так:

https://en.wikipedia.org/wiki/Cat #: ~: text = Кошки большинства пород любят сидеть на высоких местах

Если вы скопируете и вставите это в Chrome, браузер откроет страницу кошек в Википедии, прокрутите до первого текста, который соответствует «Большинство пород кошек очень любят сидеть на высоких местах», и выделит его.Если текст ничему не соответствует, страница все равно загрузится. Обратная совместимость работает, потому что браузеры в настоящее время поддерживают знак числа (#) в качестве фрагмента URI, который обычно используется для якорных ссылок, созданных создателем страницы. Если вы вставите это в браузер, который его не поддерживает, страница все равно загрузится, и все, что находится после знака числа, будет просто проигнорировано как плохая ссылка привязки. Все идет нормально.

Реклама

Одна проблема заключается в том, что это означает, что в URL-адресе могут быть пробелы.На веб-странице или форуме вы можете вручную закодировать ссылку с помощью тега href (или любого другого эквивалента, отличного от HTML), и все будет работать. Однако для мессенджеров и социальных сетей, которые не позволяют код и используют автоматические парсеры URL, все становится немного сложнее. Каждый анализатор URL-адресов обрабатывает пробел как конец URL-адреса, поэтому вам нужно использовать процентное кодирование, чтобы заменить все пробелы эквивалентным «% 20». У парсеров URL теперь есть шанс правильно связать это, но это похоже на беспорядок:

https: // en.wikipedia.org/wiki/Cat#:~:text=Most%20breeds%20of%20cat%20have%20a%20noted%20fondness%20for%20sitting%20in%20high%20places.

Пробелы — не единственные символы, которые могут вызвать проблемы. Стандарт RFC 3986 определяет несколько «зарезервированных» символов как имеющих особое значение в URL-адресе, поэтому их не должно быть в URL-адресе. Инструменты разработки веб-страниц обычно обрабатывают эти символы автоматически, но теперь, когда вы встраиваете произвольные предложения в URL-адрес для выделения, есть большая вероятность, что вы столкнетесь с одним из этих зарезервированных символов :! * ‘(); : @ & = + $, /? # [].Все они должны быть закодированы в процентах, чтобы URL работал, и расширение Google позаботится об этом за вас.

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

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

Изображение объявления Chrome

Вставить ссылку в текстовое поле

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

С помощью диспетчера гиперссылок вы можете вставить ссылку на:

  • Внешний веб-сайт.

  • Элемент мультимедиа — например, видео или файл PDF из вашей библиотеки мультимедиа.

  • Якорь в том же текстовом поле — закладка, которая ссылается на определенный раздел на странице.

  • Адрес электронной почты — ссылка, которая открывает и создает новое электронное письмо в почтовой программе посетителя по умолчанию.

Чтобы вставить ссылку с помощью диспетчера гиперссылок:

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

  2. В текстовом редакторе выделите текст или изображение, которое вы хотите сделать ссылкой, и нажмите «Диспетчер гиперссылок».

    Примечание

    В редакторе взаимодействия вы можете вставить внешнюю ссылку прямо на страницу с плавающей панели инструментов.

  3. В диспетчере гиперссылок, чтобы вставить ссылку на:

    • Внешний веб-сайт, на вкладке «Гиперссылка» в поле URL-адреса введите URL-адрес веб-сайта, на который вы хотите создать ссылку.

    • Медиа-элемент, на вкладке «Гиперссылка» щелкните «Диспетчер документов» и выберите мультимедийный элемент, на который нужно создать ссылку.Из диспетчера документов вы также можете загрузить новый медиафайл в медиабиблиотеку.

    • Существующая привязка, на вкладке «Гиперссылка» в поле «Существующая привязка» выберите привязку, на которую нужно создать ссылку. Если соответствующая привязка недоступна, вы должны сначала создать новую привязку.

    • Адрес электронной почты, на вкладке Электронная почта введите адрес электронной почты, на который вы хотите отправить электронное письмо, и введите описание в строке темы электронного письма.

  4. Если вы хотите, чтобы гиперссылка имела всплывающую подсказку, которая появляется, когда пользователь наводит курсор на ссылку, введите этот текст в поле «Всплывающая подсказка».

  5. Для гиперссылок в поле «Цель» укажите способ открытия ссылки в браузере. Например, укажите, что вы хотите, чтобы ссылка открывалась в том же или новом окне.

  6. Укажите таблицу стилей в поле CSS Class.

  7. Нажмите ОК.

  8. Чтобы удалить ссылку, выберите ссылку в текстовом редакторе и нажмите «Удалить ссылку». Ссылка удаляется, и текст превращается в обычный текст.

Если вы хотите отредактировать ссылку, вы выбираете ссылку в текстовом поле и в диалоговом окне «Диспетчер гиперссылок» вносите необходимые изменения в ссылку и затем нажимаете OK.

Чтобы полностью изменить существующую ссылку, вы просто создаете новую ссылку поверх старой.

Смелая ссылка, на которую еще никто не ссылался: фрагменты текста

фрагменты текста позволяют указать фрагмент текста во фрагменте URL-адреса.
При переходе по URL-адресу с таким фрагментом текста браузер может выделить
и / или привлечь внимание пользователя.

• Обновлено

Идентификаторы фрагментов #

Chrome 80 был большим выпуском.Он содержал ряд долгожданных функций, таких как модули ECMAScript в Web Workers, нулевое объединение, необязательное связывание и многое другое. О выпуске, как обычно, было объявлено в блоге Chromium. Вы можете увидеть отрывок из сообщения в блоге на скриншоте ниже.

Сообщение в блоге Chromium с красными рамками вокруг элементов с атрибутом id .

Вы, наверное, спрашиваете себя, что означают все красные прямоугольники. Они являются результатом выполнения следующего фрагмента в DevTools.Он выделяет все элементы, у которых есть атрибут id .

  document.querySelectorAll ('[id]'). ForEach ((el) => {
 el.style.border = 'сплошной 2px красный'; 
});

Я могу разместить глубокую ссылку на любой элемент, выделенный красным прямоугольником, благодаря идентификатору фрагмента, который я затем использую в хэше URL-адреса страницы. Предполагая, что я хотел добавить ссылку на . Оставьте отзыв в поле Форума по продуктам в стороне, я мог бы сделать это вручную, создав URL-адрес https: // blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html # HTML1 . Как вы можете видеть на панели «Элементы» в инструментах разработчика, рассматриваемый элемент имеет атрибут id со значением HTML1 .

Dev Tools, показывающий id элемента.

Если я проанализирую этот URL-адрес с помощью конструктора JavaScript URL () , будут обнаружены различные компоненты. Обратите внимание на свойство хэша со значением # HTML1 .

  новый URL ('https: // blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html#HTML1 ');

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

Что делать, если я хочу создать ссылку на что-то без идентификатора ? Скажем, я хочу сделать ссылку на заголовок ECMAScript Modules in Web Workers . Как вы можете видеть на скриншоте ниже, рассматриваемый

не имеет атрибута id , что означает, что я не могу ссылаться на этот заголовок.Это проблема, которую решают фрагменты текста.

Dev Tools показывает заголовок без идентификатора .

Text Fragments #

Предложение Text Fragments добавляет поддержку указания фрагмента текста в хэше URL. При переходе к URL-адресу с таким фрагментом текста пользовательский агент может выделить и / или привлечь внимание пользователя.

Совместимость с браузером #

Функция фрагментов текста поддерживается в браузерах на основе Chromium 80 и более поздних версий. На момент написания Safari и Firefox публично не заявляли о намерении реализовать эту функцию.См. Ссылки по теме для указателей на обсуждения Safari и Firefox.

По соображениям безопасности функция требует, чтобы ссылки открывались в контексте noopener . Поэтому не забудьте включить rel = "noopener" в разметку привязки или добавить noopener в список функций окон Window.open () .

textStart #

В простейшей форме синтаксис текстовых фрагментов выглядит следующим образом: хэш-символ # , за которым следует : ~: text = и, наконец, textStart , который представляет текст, закодированный в процентах. Я хочу сделать ссылку на.

Например, скажем, что я хочу связать с заголовком ECMAScript Modules in Web Workers в сообщении блога, объявляющим о функциях Chrome 80, URL-адрес в этом случае будет:

https: // blog .chromium.org / 2019/12 / chrome-80-content-indexing-es-modules.html #: ~: text = ECMAScript% 20Modules% 20in% 20Web% 20Workers

Фрагмент текста выделен следующим образом . Если вы щелкнете ссылку в поддерживающем браузере, таком как Chrome, фрагмент текста будет выделен и прокручивается в поле зрения:

Фрагмент текста прокручивается и выделяется.

textStart и textEnd #

А что, если я хочу сделать ссылку на весь раздел под названием Модули ECMAScript в веб-воркерах , а не только на его заголовок? Процентное кодирование всего текста раздела сделало бы URL-адрес непрактично длинным.

К счастью, есть способ получше. Вместо всего текста я могу кадрировать желаемый текст, используя синтаксис textStart, textEnd . Поэтому я указываю пару слов с процентной кодировкой в ​​начале желаемого текста и пару слов с процентной кодировкой в ​​конце желаемого текста, разделенных запятой , .

Это выглядит так:

https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = ECMAScript% 20Modules% 20in% 20Web% 20Workers, ES% 20Modules% 20in% 20Web% 20Workers. .

Для textStart у меня есть ECMAScript% 20Modules% 20in% 20Web% 20Workers , затем запятая , , за которой следует ES% 20Modules% 20in% 20Web% 20Workers. как текст Конец . Когда вы щелкаете в поддерживающем браузере, таком как Chrome, весь раздел выделяется и прокручивается для просмотра:

Фрагмент текста прокручивается и выделяется.

Теперь вы можете задаться вопросом о моем выборе textStart и textEnd . Фактически, немного более короткий URL-адрес https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = ECMAScript% 20Modules, Web% 20Workers. с двумя словами на каждой стороне тоже подойдет. Сравните значения textStart и textEnd с предыдущими значениями.

Если я сделаю еще один шаг и теперь использую только одно слово для textStart и textEnd , вы увидите, что у меня проблемы.URL-адрес https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = ECMAScript, Workers. теперь еще короче, но выделенный фрагмент текста больше не является изначально желаемым. Выделение прекращается при первом появлении слова Workers. , что верно, но не то, что я намеревался выделить. Проблема в том, что желаемый раздел не идентифицируется однозначно текущими однословными значениями textStart и textEnd :

Непреднамеренный фрагмент текста прокручен и выделен.

prefix- и -suffix #

Использование достаточно длинных значений для textStart и textEnd — одно из решений для получения уникальной ссылки. Однако в некоторых ситуациях это невозможно. Кстати, почему я выбрал в качестве примера сообщение в блоге о выпуске Chrome 80? Ответ заключается в том, что в этом выпуске были представлены фрагменты текста:

фрагментов текста, отрывок из сообщения в блоге.

Обратите внимание, как на скриншоте выше слово «текст» появляется четыре раза.Четвертое вхождение написано зеленым кодовым шрифтом. Если бы я хотел поставить ссылку на это конкретное слово, я бы установил textStart на text . Поскольку слово «текст» — это всего лишь одно слово, не может быть textEnd . Что теперь? URL-адрес https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = text соответствует первому вхождению слова «Текст». «уже в заголовке:

Фрагмент текста, совпадающий при первом появлении» Текст «.

Внимание : Обратите внимание, что при сопоставлении фрагментов текста регистр не учитывается.

К счастью, есть решение. В таких случаях я могу указать префикс - и - суффикс . Слово перед зеленым шрифтом кода «текст» — это «the», а слово после него — «параметр». Ни одно из трех других вхождений слова «текст» не имеет таких же окружающих слов. Вооружившись этими знаниями, я могу настроить предыдущий URL и добавить префикс - и - суффикс .Как и другие параметры, они также должны быть закодированы в процентах и ​​могут содержать более одного слова. https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = the-, text, -parameter . Чтобы синтаксический анализатор мог четко идентифицировать префикс - и -суффикс , их необходимо отделить от textStart и необязательного textEnd тире - .

Фрагмент текста соответствует желаемому вхождению «текста».

Полный синтаксис #

Полный синтаксис текстовых фрагментов показан ниже. (Квадратные скобки указывают на необязательный параметр.) Значения всех параметров должны быть закодированы в процентах. Это особенно важно для символов тире –, амперсанда и и запятой , , поэтому они не интерпретируются как часть синтаксиса текстовой директивы.

Каждый из префиксов - , textStart , textEnd и - суффикс будет соответствовать только тексту в пределах одного элемента уровня блока, но полный textStart, textEnd диапазоны могут охватывать несколько диапазонов . блоки.Например, : ~: text = Быстрая, ленивая собака не будет соответствовать в следующем примере, потому что начальная строка «Быстрая» не появляется в одном непрерывном элементе уровня блока:

  
 
 
 
 
 
 быстрая коричневая лисица 
 
 
 
 перепрыгнула через ленивую собаку

Однако в этом примере она совпадает:

  < div> Быстрая коричневая лиса

перепрыгнула через ленивую собаку

Создание URL-адресов фрагментов текста с расширением браузера #

Создание URL-адресов фрагментов текста вручную утомительно, особенно когда дело касается чтобы убедиться, что они уникальны.Если вы действительно хотите, в спецификации есть несколько советов и перечислены точные шаги для создания URL-адресов текстовых фрагментов. Мы предоставляем расширение для браузера с открытым исходным кодом под названием «Ссылка на фрагмент текста», которое позволяет создавать ссылки на любой текст, выделяя его, а затем щелкая «Копировать ссылку на выбранный текст» в контекстном меню. Это расширение доступно для следующих браузеров:

Расширение браузера Link to Text Fragment.

Несколько фрагментов текста в одном URL #

Обратите внимание, что несколько фрагментов текста могут отображаться в одном URL.Конкретные фрагменты текста необходимо разделять символом амперсанда и . Вот пример ссылки с тремя текстовыми фрагментами: https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html #: ~: text = Text% 20URL% 20Fragments & text = text, -parameter & text =: ~: text = На% 20islands,% 20birds% 20can% 20contribute% 20as% 20much% 20as% 2060% 25% 20of% 20a% 20cat's% 20diet .

Три фрагмента текста в одном URL.

Смешение фрагментов элемента и текста #

Фрагменты традиционных элементов можно комбинировать с фрагментами текста.Совершенно нормально иметь оба в одном и том же URL-адресе, например, чтобы обеспечить значимый откат на случай, если исходный текст на странице изменится, так что текстовый фрагмент больше не будет совпадать. URL-адрес https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html # HTML1: ~: text = Give% 20us% 20feedback% 20in% 20our% 20Product% 20Форумы. ссылка на Оставьте отзыв на наших форумах по продукту Раздел содержит как фрагмент элемента ( HTML1 ), так и фрагмент текста ( text = Give% 20us% 20feedback% 20in% 20our% 20Product% 20Forums.):

Связывание как с фрагментом элемента, так и с фрагментом текста.

Директива фрагмента #

Есть один элемент синтаксиса, который я еще не объяснил: директива фрагмента : ~: . Чтобы избежать проблем совместимости с существующими фрагментами элементов URL, как показано выше, в спецификации фрагментов текста вводится директива фрагмента. Директива фрагмента — это часть фрагмента URL, ограниченная кодовой последовательностью : ~: . Он зарезервирован для инструкций пользовательского агента, таких как text = , и удаляется из URL-адреса во время загрузки, чтобы авторские сценарии не могли напрямую взаимодействовать с ним.Инструкции пользовательского агента также называются директивами . В конкретном случае text = поэтому называется текстовой директивой .

Обнаружение функции #

Для обнаружения поддержки проверьте доступное только для чтения свойство fragmentDirective в документе . Директива фрагмента — это механизм URL-адресов для указания инструкций, направленных браузеру, а не документу. Это предназначено для того, чтобы избежать прямого взаимодействия с авторским сценарием, чтобы будущие инструкции пользовательского агента могли быть добавлены, не опасаясь внесения критических изменений в существующий контент.Одним из возможных примеров таких будущих дополнений могут быть подсказки для перевода.

  if ('fragmentDirective' в документе) {
}

От Chrome 80 до Chrome 85 свойство fragmentDirective было определено в Location.prototype . Подробнее об этом изменении см. WICG / scroll-to-text-fragment # 130.

Обнаружение функций в основном предназначено для случаев, когда ссылки генерируются динамически (например, поисковыми системами), чтобы избежать предоставления ссылок на фрагменты текста браузерам, которые их не поддерживают.

Стилизация фрагментов текста #

По умолчанию браузеры стилизовали фрагменты текста так же, как и стили метки (обычно черный на желтом, системные цвета CSS для метки ). Таблица стилей пользовательского агента содержит CSS, который выглядит следующим образом:

 : root :: target-text {
 color: MarkText; 
 фон: Марка; 
}

Как видите, браузер предоставляет псевдоселектор :: target-text , который можно использовать для настройки применяемого выделения.Например, вы можете оформить свои текстовые фрагменты в виде черного текста на красном фоне. Как всегда, не забудьте проверить цветовой контраст, чтобы ваш стиль переопределения не вызвал проблем с доступностью, и убедитесь, что выделение действительно визуально выделяется из остального содержимого.

 : root :: target-text {
 цвет: черный; 
 цвет фона: красный; 
}

Возможность полифилирования #

Функцию «Фрагменты текста» можно до некоторой степени полифиллировать. Мы предоставляем полифил, который используется расширением внутри, для браузеров, которые не предоставляют встроенную поддержку текстовых фрагментов, где функциональность реализована на JavaScript.

Создание ссылок на программные фрагменты текста #

Полифилл содержит файл fragment-generation-utils.js , который можно импортировать и использовать для создания ссылок на фрагменты текста. Это показано в примере кода ниже:

  const {generateFragment} = await import ('https://unpkg.com/text-fragments-polyfill/dist/fragment-generation-utils.js'); 
 const result = generateFragment (window.getSelection ()); 
 if (result.status === 0) {
 let url = `$ {location.origin} $ {location.pathname} $ {location.search} `; 
 константный фрагмент = результат.фрагмент; 
 const prefix = фрагмент. Префикс? 
 `$ {encodeURIComponent (fragment.prefix)} -,`: 
 ''; 
 const суффикс = фрагмент.суффикс? 
 `, - $ {encodeURIComponent (fragment.suffix)}`: 
 ''; 
 const textStart = encodeURIComponent (fragment.textStart); 
 const textEnd = fragment.textEnd? 
 `, $ {encodeURIComponent (fragment.textEnd)}`: 
 ''; 
 url + = `#: ~: text = $ {prefix} $ {textStart} $ {textEnd} $ {суффикс}`; Консоль 
.журнал (URL); 
}

Получение фрагментов текста для аналитических целей #

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

  новый URL (перформанс.getEntries (). find (({type}) => type === 'navigate'). name) .hash;

Security #

Директивы текстовых фрагментов вызываются только при полных (не на одной странице) переходах, которые являются результатом активации пользователя. Кроме того, для навигации, происходящей из источника, отличного от пункта назначения, потребуется, чтобы навигация происходила в контексте noopener , так что известно, что целевая страница достаточно изолирована. Директивы фрагмента текста применяются только к основному фрейму.Это означает, что поиск текста внутри окон iframe не будет выполняться, а навигация iframe не вызовет фрагмент текста.

Privacy #

Важно, чтобы реализации спецификации Text Fragments не передавали утечку информации независимо от того, был ли текстовый фрагмент найден на странице или нет. В то время как фрагменты элементов полностью находятся под контролем автора исходной страницы, текстовые фрагменты могут быть созданы кем угодно. Помните, как в моем примере выше не было возможности связать с заголовком ECMAScript Modules в веб-воркерах, поскольку

не имел идентификатора id , но как любой, включая меня, мог просто ссылаться на любое место тщательно обработав фрагмент текста?

Представьте, что я запустил злую рекламную сеть evil-ads.example.com . Далее представьте, что в одном из моих рекламных фреймов я динамически создал скрытый iframe перекрестного происхождения для dating.example.com с URL-адресом текстового фрагмента dating.example.com #: ~: text = Log% 20Out один раз пользователь взаимодействует с объявлением. Если обнаружен текст «Выйти», я знаю, что жертва в настоящее время вошла в систему по адресу dating.example.com , который я мог бы использовать для профилирования пользователей. Поскольку реализация наивных текстовых фрагментов может решить, что успешное совпадение должно вызвать переключение фокуса, на evil-ads.example.com Я мог прослушивать событие blur и, таким образом, знать, когда произошло совпадение. В Chrome мы реализовали текстовые фрагменты таким образом, чтобы описанный выше сценарий не мог произойти.

Другая атака может заключаться в использовании сетевого трафика на основе положения прокрутки. Предположим, я имел доступ к журналам сетевого трафика моей жертвы, например, в качестве администратора интрасети компании. А теперь представьте, что существует длинный документ о людских ресурсах «Что делать, если вы страдаете от… », а затем список условий, таких как выгорание , беспокойство и т. Д.Я мог бы разместить пиксель отслеживания рядом с каждым элементом в списке. Если затем я определю, что загрузка документа временно происходит одновременно с загрузкой пикселя отслеживания рядом, скажем, с выгорающим элементом , я могу затем, как администратор интрасети, определить, что сотрудник щелкнул по тексту. ссылка на фрагмент с : ~: text = burn% 20out , которую сотрудник мог предположить конфиденциальной и никому не видной. Поскольку этот пример изначально несколько надуманный, и поскольку для его использования требуется очень конкретных предварительных условий, команда безопасности Chrome оценила риск реализации прокрутки при навигации, чтобы он был управляемым.Другие пользовательские агенты могут решить вместо этого показать элемент пользовательского интерфейса ручной прокрутки.

Для сайтов, которые хотят отказаться, Chromium поддерживает значение заголовка Document Policy, которое они могут отправлять, чтобы пользовательские агенты не обрабатывали URL-адреса текстовых фрагментов.

  Document-Policy: force-load-at-top

Отключение фрагментов текста #

Самый простой способ отключить эту функцию — использовать расширение, которое может вставлять заголовки HTTP-ответа, например ModHeader (не Google product), чтобы вставить заголовок ответа (, а не запроса) следующим образом:

  Document-Policy: force-load-at-top

Другой, более сложный способ отказа — использование корпоративной настройки ScrollToTextFragmentEnabled .Для этого в macOS вставьте в терминал команду ниже.

  по умолчанию написать com.google.Chrome ScrollToTextFragmentEnabled -bool false

В Windows следуйте документации на сайте поддержки Google Chrome Enterprise Help.

Предупреждение : пробуйте это только тогда, когда знаете, что делаете.

Фрагменты текста в веб-поиске #

Для некоторых запросов поисковая система Google предоставляет быстрый ответ или сводку с фрагментом контента с соответствующего веб-сайта.Эти избранных фрагментов , скорее всего, появятся, когда поиск выполняется в форме вопроса. Щелкнув избранный фрагмент, пользователь переходит прямо к тексту избранного фрагмента на исходной веб-странице. Это работает благодаря автоматически созданным URL-адресам текстовых фрагментов.

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

Заключение #

Текстовые фрагменты URL — это мощная функция для ссылки на произвольный текст на веб-страницах.Научное сообщество может использовать его для предоставления высокоточных ссылок на цитирование или ссылки. Поисковые системы могут использовать его для создания ссылок на текстовые результаты на страницах. Сайты социальных сетей могут использовать его, чтобы позволить пользователям делиться определенными фрагментами веб-страницы, а не недоступными снимками экрана. Я надеюсь, что вы начнете использовать URL-адреса текстовых фрагментов и найдете их такими же полезными, как и я. Обязательно установите расширение браузера Link to Text Fragment.

Выражение признательности #

Текстовые фрагменты были реализованы и определены Ником Баррисом и Дэвидом Боканом при участии Гранта Ванга.Спасибо Джо Медли за тщательное рассмотрение этой статьи. Изображение героя Грега Ракози на Unsplash.

Последнее обновление: Улучшить статью.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *