Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Ссылка с текстом: Как сделать ссылку на определенный текст на странице в Google Chrome

On

Ссылка с текстом: Как сделать ссылку на определенный текст на странице в Google Chrome

By alexxlab

Содержание

Ссылки | htmlbook.ru

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

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

<a href="URL">текст ссылки</a>

Атрибут href определяет URL (Universal Resource Locator, универсальный указатель
ресурса), иными словами, адрес документа, на который следует перейти, а содержимое
контейнера <a> является ссылкой. Текст, расположенный между тегами <a> и </a>,
по умолчанию становится синего цвета и подчеркивается. В примере 8.1 показано
создание нескольких ссылок на разные веб-страницы.

Пример 8.1. Добавление ссылок

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>Ссылки на странице</title>
 </head>
 <body>
  <p><a href="dog.html">Собаки</a></p>
  <p><a href="cat.html">Кошки</a></p>
 </body>
</html>

В данном примере создаются две ссылки с разными текстами. При щелчке по тексту «Собаки» в
окне браузера откроется документ dog.html, а при щелчке на «Кошки» —
файл cat.html.

Результат примера показан на рис. 8.1. Обратите внимание, что при наведении
курсора мыши на ссылку, в строке состояния браузера отображается полный путь
к ссылаемому файлу.

Рис. 8.1. Вид ссылок на странице

Если указана ссылка на файл, которого не существует, например, его имя в атрибуте
href набрано с ошибкой, то такая ссылка называется битая. Битых ссылок
следует категорически избегать, поскольку они вводят посетителей сайта в заблуждение.
Так, при щелчке по ссылке из примера 8.1 в браузере Safari откроется не сам документ, а
окно с предупреждением (рис. 8.2).

Рис. 8.2. Результат при открытии битой ссылки

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

Файл по ссылке открывается в окне браузера только в тех случаях, когда браузер
знает тип документа. Но поскольку ссылку можно сделать на файл любого типа,
то браузер не всегда может отобразить документ. При этом выводится сообщение,
как следует обработать файл — открыть его или сохранить в указанную папку. Например, в браузере Firefox выводится следующее окно
(рис. 8.3).

Рис. 8.3. Окно для выбора действия с файлом в Firefox

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

С сегодняшнего дня ВКонтакте поддерживает красивые ссылки на любые страницы сайта, а не только на сообщества или профили.

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

Получайте до 18% от расходов на контекстную и таргетированную рекламу!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.

  • Подключиться можно самому за 1 день.

  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.

  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.

  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Начать зарабатывать >>
Реклама

Читайте также: Как раскрутить группу ВКонтакте

Как сделать текст ссылкой в ВК на пост или любую страницу: пошаговая инструкция

Чтобы сделать красивую ссылку в виде текста ВКонтакте, следуйте простой инструкции.

Шаг 1. Для создания такой ссылки введите символ * или @ и вставьте после него нужную вам ссылку.

Шаг 2. После этого через пробел в скобках укажите слово или фразу, которая и будет вести на указанную ссылку. Структура такая: @ссылка (текст).

Также допускается такой вариант: [ссылка|текст].

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

Из ограничений: на документы такие ссылки давать нельзя. Также они не поддерживаются в диалогах.

В приложении для Android при вводе названия ссылки её адрес будет автоматически скрыт, а сам текст окрасится синим цветом, чтобы вы понимали, как это будет выглядеть после публикации.

Ссылки vk.cc, которые нужны для сокращения внешних ссылок, не поддерживаются. При этом vk.me для личных сообщений работают.

Ранее в такие ссылки можно было преобразовывать только адреса личных профилей и сообществ. Создаются они так же, но вместо полной ссылки нужно указывать короткое имя страницы или её ID (id### для профилей и club/public/event для сообществ).

Напомним, что в рекламном кабинете ВК также стало возможным массовое копирование объявлений.

Как вставить ссылку в тексте страницы или записи. Якоря. » Техподдержка Prihod.ru

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

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

Ниже описаны стандартные действия и дополнительные возможности при размещении ссылок.

Как вставить ссылку в тексте страницы или записи

1. Поставим курсор в ту часть текста, куда нужно вставить ссылку

2. Набираем название ссылки и выделяем его курсором мышки

3. На панели инструментов нажимаем кнопку  Вставить/изменить ссылку

4. В появившемся диалоге в поле URL набираем или вставляем адрес ссылки

5. Нажимаем кнопку Добавить ссылку

Примечание: Если вы хотите, чтобы ссылка открывалась в новой вкладке браузера, то поставьте галочку в поле «Открывать в новом окне/вкладке».

В результате в тексте раздела получаем ссылку:

Также можно размещать ссылку с помощью специального тега <a href=""></a>.

Стандартный код ссылки выглядит так:

<a href="http://site.ru">Текст ссылки</a>

Этот код можно разместить в режиме редактирования страницы/записи на вкладке «Текст».

Также этот код можно использовать для размещения ссылки в сайдбаре с помощью виджета «Текст».

Параметры:

http://site.ru — вместо этого адреса вставляйте нужную ссылку, протокол http:// в ссылке обязательно должен присутствовать.

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

target="_blank" — с помощью этого параметра ссылка будет открываться в новом окне браузера. Код ссылки будет выглядеть примерно так:
<a href="http://site.ru" target="_blank">Текст ссылки</a>

Якоря

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

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

<a href="#tekst">Текст ссылки</a> — ссылка на якорь

<a name="tekst"></a> — якорь, нужно вставлять в то место на странице, куда будет совершен переход по ссылке.

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

Пример кода якорей:

<a href="#tekst1">Текст ссылки1</a>
<a href="#tekst2">Текст ссылки2</a>
<a href="#tekst3">Текст ссылки3</a>
<a href="#tekst4">Текст ссылки4</a>

<a name="tekst1"></a>
много текста

<a name="tekst2"></a>
много текста

<a name="tekst3"></a>
много текста

<a name="tekst4"></a>
много текста

Если нужно поставить ссылку на якорь с другой страницы сайта или добавить якорь в пункт меню нужно прописать полную ссылку на страницу и после слэша добавить якорь. К примеру: http://support.prihod.ru/docs/napisanie-i-redaktirovanie/kak-vstavit-ssylku-v-tekste-stranicy-ili-zapisi/#link2

 

Просмотрено (141994) раз

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

Ссылка устанавливается на следующие элементы сайта:

В настройках вы можете выбрать один из трёх видов ссылки:

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

Примечание

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

Также вы можете выбрать способ открытия ссылки при клике на неё: в текущем или в новом окне. Управление настройкой осуществляется переключателем «Открывать в новом окне».

Сохраните изменения после установки ссылки.

Как привязать ссылку к 

тексту

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

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

Как привязать ссылку к виджету

«Картинка»

Нажмите на изображение, в левой панели кликните на обведенный на скриншоте значок и установите настройки для ссылки:

Как привязать ссылку к виджету

«Галерея»

Нажмите на виджет «Галерея», затем на изображение в нем, на которое хотите установить ссылку, после этого кликните на иконку цепи и установите ссылку.

Как привязать ссылку к виджету

«Слайдер»

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

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

Как привязать ссылку к виджету

«Кнопка»

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

Как привязать ссылку к виджету

«Иконка»

Нажмите на иконку, кликните на значок цепи над виджетом и установите настройки для ссылки:

Для иконки доступна установка ссылки на внешнюю страницу, страницу сайта, якорь, всплывающее окно, а также возможность поставить специальную ссылку для телефона или e-mail.

Как привязать ссылку к виджету

«Цитата»

В виджете «Цитата» вы можете установить ссылку на текст и на автора цитаты. Выделите текст и кликните на иконку установки ссылки.

Как привязать ссылку к виджету

«Карточка»

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

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

Как привязать ссылку к виджету

«Таблица»

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

Как привязать ссылку к виджету

«PRO таблица»

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

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

Как привязать ссылку к виджету

«Этапы»

В виджете «Этапы» установка ссылки возможна на заголовок этапа. Выделите текст, нажмите на иконку цепи во всплывающей панели и установите ссылку.

Как привязать ссылку к виджету

«Таймлайн»

В виджете «Таймлайн» вы можете установить ссылку на заголовок этапа. Для установки ссылки выделите текст и нажмите на иконку цепи.

Как привязать ссылку к виджету

«Прайс-лист»

В виджете «Прайс-лист» возможна привязка ссылки к кнопке. Кликните на неё, нажмите на иконку карандаша и укажите ссылку.

Как привязать ссылку к виджету

«Базовая кнопка»

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

Примечание:

Если кнопка «Ссылка» не появляется, значит сделать элемент или текст кликабельным невозможно.

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

Статья оказалась полезной для 101 человека

Как ставить ссылки

Вчера я рассказал, что писать «здесь» в ссылке — это отстой. Теперь подробнее о гигиене ссылок и привлечении внимания.

Информативно

Текст, который стоит под ссылкой, должен сообщать, куда ведет гиперссылка. Текст не должен терять смысл при распечатке, если УРЛ сломался или по ссылке открылась ошибка. Поэтому под ссылкой нельзя писать «здесь» и «тут», «документ» и «файл», «ссылка» и «сайт», а еще нельзя просто вставить ссылку в сплошной текст без пояснений:

Связно

Хорошая ссылка — это законченная фраза. Это значит, что предлоги и необходимые подчиненные слова попадают под ссылку:

Привлекательно

Давайте читателю повод перейти по ссылке. Пообещайте что-нибудь интересное или полезное:

Смешивая комки

Старайтесь ставить ссылку не в середину текста, а в начале или в конце, чтобы не было эффекта Википедии. Если ссылок нужно много, продублируйте их в блоке «См. также»:

Полезно

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

Нет

Да

Если хотите посоветовать друзьям нашу рассылку, отправьте им эту ссылку

Если хотите посоветовать друзьям нашу рассылку, отправьте им ссылку на первый урок: maximilyahov.ru/hello/

Если хотите посоветовать друзьям нашу рассылку, отправьте им ссылку на первый урок

В неформатированном тексте

Если вам пришлось верстать неформатированный текст и вы не можете поставить часть текста под ссылку, придётся приводить ссылку целиком. Но это нестрашно. Запомните правила:

  1. Перед полным текстом ссылки объясните, что там и зачем это кликать.
  2. Короткую ссылку ставьте в конец абзаца.
  3. Длинную ссылку — в отдельный абзац.

Пример в неформатированном тексте:


Подтвердите, что это [email protected] — ваш адрес:

См. также: Горбунов о ссылках в верстке, Лебедев о гипертексте, совет о ссылках по Госту,
Хацкевич толково об эл. адресах, я критикую ссылки в «Медузе»
Как не ставить ссылки

Работа со ссылками в Excel

С помощью функции ГИПЕРССЫЛКА можно создать ссылку, которая открывает документ, хранимый на сетевом сервере, интрасетьили в Интернете. При щелчке на ячейку, содержащую функцию ГИПЕРССЫЛКА, приложение Excel откроет файл, расположенный по ссылке.


Синтаксис


ГИПЕРССЫЛКА(адрес;имя)


адрес     — это путь к открываемому документу и его имя, представленные как текст. Адрес может ссылаться на определенное место в документе, например на ячейку или именованный диапазон листа или книги Excel либо на закладку в документе Microsoft Word. Путь может представлять собой путь к файлу на жестком диске, адрес на сервере в формате UNC (в Microsoft Excel для Windows) либо URL-путь в Интернете или интрасети.

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

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


Понятное_имя     Текст ссылки или числовое значение, отображаемое в ячейке. Имя отображается синим цветом с подчеркиванием. Если этот аргумент опущен, в ячейке в качестве текста ссылки отображается аргумент «адрес».

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

  • Если аргумент «имя» возвращает значение ошибки (например, #ЗНАЧ!), вместо текста ссылки в ячейке отображается значение ошибки.


Примеры

В следующем примере открывается лист «Бюджетный отчет.xlsx», хранимый в Интернете по адресу example.microsoft.com/report. Видимый текст ссылки: «Щелкните, чтобы создать отчет»:


=HYPERLINK(«http://example.microsoft.com/report/budget report.xls», «Click for report»)

В следующем примере создается ссылка на ячейку F10 на листе «Годовой» в книге Бюджетные отчеты.xls, которая хранится в Интернете — в расположении с именем example.microsoft.com/report. В ячейке листа, содержащей ссылку, в качестве текста перехода служит содержимое ячейки D1:


=HYPERLINK(«[http://example.microsoft.com/report/budget report.xls]Annual!F10», D1)

В следующем примере создается ссылка на диапазон с именем «Итоги по отделу» на листе «Первый квартал» в книге Бюджетные отчеты.xls, которая хранится в Интернете — в расположении с именем example.microsoft.com/report. В ячейке листа, содержащей ссылку, виден текст: «Щелкните, чтобы вывести итоги по отделу за первый квартал»:


=HYPERLINK(«[http://example.microsoft.com/report/budget report.xls]First Quarter!DeptTotal», «Click to see First Quarter Department Total»)

Чтобы создать ссылку на определенное место документа Microsoft Word, необходимо сначала с помощью закладки определить место в документе, куда следует переходить. В следующем примере создается ссылка на закладку «Прибыль за квартал» в документе с именем ГодовойОтчет.doc по адресу example.microsoft.com:


=HYPERLINK(«[http://example.microsoft.com/Annual Report.doc]QrtlyProfits», «Quarterly Profit Report»)

В приведенном ниже примере Excel для Windows показано, как использовать содержимое ячейки D5 в качестве текста ссылки и открыть файл «1кв.xlsx», расположенный на сервере «ФИНАНСЫ» в общей папке «Балансы». В данном примере используется путь в формате UNC.


=HYPERLINK(«\\FINANCE\Statements\1stqtr.xls», D5)

В следующем примере в Excel для Windows открывается файл 1кв.xlsx, который находится в каталоге «Финансы» на жестком диске D. Текстом ссылки служит число, которое содержится в ячейке h20:


=HYPERLINK(«D:\FINANCE\1stqtr.xls», h20)

В следующем примере Excel для Windows создается ссылка на область «Итоги» в другой (внешней) книге «МояКнига.xlsx»:


=HYPERLINK(«[C:\My Documents\Mybook.xls]Totals»)

В следующем примере в Microsoft Excel для компьютеров Macintosh в ячейке видна надпись «Щелкните здесь», и при щелчке открывается файл «Первый квартал» из папки «Бюджетные отчеты» на жестком диске Macintosh HD:


=HYPERLINK(«Macintosh HD:Budget Reports:First Quarter», «Click here»)

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


=HYPERLINK(«[Budget]June!E56», E56)

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

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

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

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

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

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

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

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

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

  • В открывшемся окне найдите параметр 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), у вас не получится.

Текст ссылки | Руководство по стилю документации для разработчиков Google

Ключевой момент: Используйте описательный текст ссылки, который помогает обеспечить контекст.

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

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

Структурирование текста ссылки

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

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

Написание текста ссылки

При написании текста ссылки соблюдайте следующие правила:

Подробнее о тексте ссылки см.
Перекрестные ссылки.

Пунктуация со ссылками

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

Рекомендовано:

Для получения дополнительной информации см.  Тестирование кода .

Не рекомендуется:

Для получения дополнительной информации см.  Тестирование кода .

Стилизация текста ссылки

Если вы пишете CSS для всего сайта, примените стандартный стиль к тексту ссылки. Это помогает
читатели находят ссылки в вашем контенте.

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

Описательный текст ссылки | Доступные технологии

При добавлении текстовых ссылок на веб-страницу внимательно выбирайте слова для гиперссылки.
Общее практическое правило — всегда связывать ключевых слов . Связывание ключевых слов:

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

Ссылки, средства чтения с экрана и специальные возможности

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

Например, если текст вашей ссылки — «Медная страна», то программа чтения с экрана скажет
« link Copper Country» , и пользователь будет знать, что ссылка на веб-страницу, скорее всего, связана с Copper
Страна.Если вместо этого текст вашей ссылки будет «щелкните здесь», программа чтения с экрана скажет ссылка нажмите здесь , и пользователь не будет знать, о чем может быть ссылка на веб-страницу.

Хороший пример

Michigan Tech и Copper Country создают ощущение маленького городка.Студенты и члены сообщества говорят, что это правильно, но не так
большой, что легко заблудиться, но и не слишком маленький. Идеальное место для звонка
дом.

Плохой пример

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

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

Советы по написанию текста ссылки

Используйте следующие советы, чтобы обеспечить доступность текста ссылки:

  • Избегайте использования URL-адреса в качестве текста ссылки; особенно если он длинный или сложный
    • URL-адреса могут быть трудночитаемыми людьми или программами чтения с экрана
  • Делайте связанные фразы как можно короче, оставаясь при этом значимыми вне контекста.Это сэкономит время пользователей программ чтения с экрана, так как им нужно будет меньше говорить. Например,
    • «Сделать подарок» предпочтительнее, чем «Сделать подарок онлайн, нажмите здесь»
    • «Свяжитесь с нами» предпочтительнее, чем «Вы можете связаться с нами по телефону»
  • Ссылка хотя бы на одно полное слово.Обычно лучше два слова.
    • Ссылка, представляющая собой только букву или символ, будет трудно нажимать и не будет
      предоставить контекст
  • Если вы должны добавить к своей ссылке подсказки о действиях, поместите их в конец. Например,
    • «Свяжитесь с нами (открывает всплывающее окно)» означает «Ссылка открывает всплывающее окно: свяжитесь с нами»
  • Не добавляйте в текст слово «ссылка»
  • Постарайтесь, чтобы каждая уникальная ссылка на вашей веб-странице использовала уникальный текст ссылки.
    • Если у вас есть две разные ссылки со списком сотрудников, ведущие на одну и ту же страницу, это нормально.Если они переходят на разные страницы, это должно быть по-другому, например «цифровые услуги
      персонал »и« сотрудники печатных служб »
    • Если вы часто использовали «читать дальше», представьте, как это было бы неприятно для экрана
      читатель пользователь слышит «читать дальше» снова и снова без контекста
  • Никогда не включать пустые ссылки, используя href = «»

Связывание изображений

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

Пример декоративного изображения

alt =" Список сотрудников " />

Пример информационного изображения

alt = "Диаграмма, показывающая 200 дюймов общего снега; ссылка на ежемесячные промежуточные итоги" />

Дополнительные методы программирования

Могут быть случаи, когда вы хотите сохранить общий текст ссылки, например, «[подробнее].»
В этих случаях вы можете использовать aria-label или aria-labelledby, чтобы указать контекст ссылки.
для программ чтения с экрана.

aria-label Пример

Большинство программ чтения с экрана прочитают вслух атрибут aria-label вместо текста ссылки. Например, ссылка «читать дальше», относящаяся к
Медную страну можно закодировать следующим образом:

aria-label="Copper Country" > [подробнее]

aria-labelledby Пример

Могут быть случаи, когда ближайший заголовок может быть идеальным ярлыком для
общая ссылка.В этом случае вы можете связать этот заголовок с общей ссылкой, используя
aria-labelledby .

id = "Copper-country" > Медная страна

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

aria-labelledby=»copper-country» > [подробнее]

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

Текст ссылки для тестирования

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

Узнать больше

Чтобы узнать больше об описательном тексте ссылки:

Omni CMS

Чтобы создать ссылку в содержимом своей веб-страницы, выделите текст или изображение.
а затем щелкните значок ссылки на панели инструментов или воспользуйтесь сочетанием клавиш Cmd / Ctrl + K.

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

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

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

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

Советы:

  • Узнайте о добавлении закладок.

  • Чтобы добавить стиль заголовка, выберите текст заголовка, щелкните вкладку Home в Word или вкладку Format Text в Outlook и выберите стиль в группе Styles .

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

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

  2. Нажмите Ctrl + K.

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

  3. В разделе Ссылка на щелкните Поместить в этот документ .

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

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

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

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

  2. Нажмите Ctrl + K.

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

  3. В разделе Ссылка на щелкните Существующий файл или веб-страницу .

  4. В поле Искать в щелкните стрелку вниз, найдите и выберите файл, на который нужно создать ссылку.

  5. Щелкните Закладка , выберите заголовок, закладку, слайд, настраиваемый показ или ссылку на ячейку, а затем щелкните ОК .

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

Как вставлять ссылки в текстовое сообщение

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

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

В чем разница между ссылками и гиперссылками?

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

Гиперссылка — это ссылка, которая активируется при нажатии на определенное выделенное слово или фразу. Обычная ссылка — это просто весь URL-адрес, не встроенный в какой-либо текст.В качестве примера приведу ссылку на наше полное руководство по SMS-маркетингу, представленное двумя способами:

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

💡 SimpleTexting Tip : Если вы хотите отправить текстовую ссылку своим подписчикам, наш сокращатель URL-адресов превратит длинный веб-адрес (как в примере выше) в сжатую ссылку, например: http: // txt.tf / BSIUBR

Отправляйте тексты с отслеживаемыми кликами

С помощью SimpleTexting вы можете включать ссылки в свои тексты и отслеживать рейтинг кликов. Попробуйте бесплатно в течение двух недель. Кредитная карта не требуется.

Попробуйте нас бесплатно

Кредитная карта не требуется

Как добавлять ссылки в текстовые сообщения

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

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

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

Вы должны начать с обычного ввода сообщения. Но когда вы вставляете ссылку, вам нужно будет нажать кнопку «Сократить URL» над текстом.

С вашей стороны сообщение по-прежнему будет отображаться как полная ссылка, но ваши подписчики получат это:

Сегодня 10:00

JMU Freshman! Дайте нам знать, что вы думаете о ориентационной неделе, чтобы получить шанс выиграть кредит в 100 долларов для книжного магазина! http: // txt.tf / EXPLRO

Отправлять текстовые ссылки — это просто!

Как отслеживать рейтинг кликов по ссылке (CTR)

На этом веселье со ссылками не заканчивается! Отправив текст сокращенного URL-адреса, вы можете отслеживать свое сообщение в режиме реального времени, чтобы узнать, кто перешел по ссылке.

Чтобы узнать свой CTR, нажмите «Аналитика» в боковом меню. Затем прокрутите страницу вниз и найдите свою кампанию.

Вам будет представлено много информации, в том числе сколько сообщений было отправлено, доставлено, открыто, а также сколько людей ответили на вашу кампанию или отписались.Чтобы просмотреть свой CTR, прокрутите страницу до конца вправо, пока не увидите «Clicked» и «CTR»

.

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

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

Зачем включать гиперссылки в вашу SMS-стратегию?

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

  • Увеличьте продажи
  • Объявления о предоставлении акций
  • Увеличьте вовлеченность
  • Разместите заказы
  • Привлекайте больше людей
  • Привлекайте деньги

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

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

Использование значимого текста ссылки | Доступные технологии

Обзор

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

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

Методы

Старайтесь всегда использовать текст ссылки, который соответствует критериям, описанным выше. Например, рассмотрим следующий код, в котором текст ссылки «щелкните здесь» не соответствует критериям:

 
 Для получения дополнительной информации о Husky Athletics,  нажмите здесь .

Лучше было бы перефразировать предложение так, чтобы текст ссылки был «Хаски Атлетикс»:

 
 Для получения дополнительной информации см.  Husky Athletics .

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

  Подробнее ...

Список литературы

Текстовая ссылка | Webflow University

В этом видео используется старый интерфейс.Скоро появится обновленная версия!

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

Добавление текстовой ссылки

Вы можете добавить текстовую ссылку из панели «Элементы» → типографика. Чтобы отредактировать текст, просто дважды щелкните текст или выберите элемент и нажмите клавишу ВВОД.

Вложенные текстовые ссылки

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

Настройки ссылки

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

Стилизация текстовой ссылки

Элементы ссылки по умолчанию имеют синий стиль текста и подчеркивание.Вы можете переопределить этот стиль по умолчанию, изменив стиль элемента Text Link. Хороший трюк — стилизовать тег all links , чтобы все ссылки на вашем веб-сайте имели одинаковый стиль.

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

Стилизация всех ссылок

Чтобы стилизовать все ссылки tag:

  1. Выберите любой элемент ссылки (это важно)
  2. Нажмите CMD + ENTER на Mac или CTRL + ENTER на Windows.Откроется меню выбора .
  3. Выберите розовый тег «Все ссылки» внизу списка. (Совет: нажатие клавиши со стрелкой ВВЕРХ ↑ выберет тег, нажатие Enter выберет его)

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

Попробуйте Webflow — это бесплатно

В этом видео используется старый интерфейс.Скоро появится обновленная версия!

Новое расширение Google для Chrome позволяет создавать ссылки непосредственно на определенный текст на странице

Link to Text Fragment — это новое расширение Chrome от Google, которое позволяет создавать URL-адреса для определенного текста на веб-странице независимо от форматирования страницы.

Установив расширение, просто выделите текст, на который хотите создать ссылку, щелкните правой кнопкой мыши и выберите «Копировать ссылку на выбранный текст». Затем его может открыть любой, кто использует совместимый браузер.Например, щелкнув эту ссылку в Chrome или Edge, вы попадете прямо в выделенный раздел внизу статьи.

Расширение Google основано на новой функции, которая была недавно добавлена ​​в Chromium под названием Text Fragments, которая работает путем добавления дополнительной информации о ссылках к URL-адресу после #. Это та же технология, которую сейчас Google иногда использует для ссылки на определенные части веб-страницы в результатах поиска. Однако эти URL-адреса могут быть длинными, и их сложно создать вручную, если вы ссылаетесь на более длинные разделы текста или сложные веб-страницы, на которых одни и те же слова повторяются несколько раз.Это расширение упрощает процесс создания.

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

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

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

Расширение «Ссылка на фрагмент текста» теперь доступно в Интернет-магазине Chrome.

.

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

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