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

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

Ссылка в тексте: Добавление гиперссылок в расположение в одном документе

On

Ссылка в тексте: Добавление гиперссылок в расположение в одном документе

By alexxlab

Содержание

Добавление гиперссылок в расположение в одном документе

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

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

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

Выбор места назначения


Отметьте место назначения гиперссылки с помощью закладки или стиля заголовка.



Вставка закладки


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

  2. Нажмите кнопку Вставить _Гт_ закладку.

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

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

  4. Нажмите кнопку Добавить.

Применение стиля заголовка


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

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

  2. На вкладке Главная выберите нужный стиль.

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


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

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

  2. Щелкните его правой кнопкой мыши и выберите пункт Ссылка .

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

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

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

См. также



Добавление и удаление закладок в документе Word или сообщении Outlook


Добавление PDF-файла в документ Office


Использование гиперссылок в оглавлениях


Создание оглавления


Оформление ссылок | WebReference

Хотя для оформления текстовых ссылок традиционно применяется подчёркивание, допустимо использование и других способов изменения вида ссылок. Вот некоторые из них:

  • ссылки без подчёркивания;

  • декоративное подчёркивание;

  • выделение фоновым цветом;

  • рамки;

  • рисунок возле ссылки.

Далее указанные методы оформления ссылок рассматриваются более подробно.

Ссылки без подчёркивания

Подчёркивание текстовых ссылок уже стало определённым стандартом и сигналом о том, что это не просто текст, а именно ссылка. Это, кстати, является одной из причин, по которой не следует применять подчёркивание к обычному тексту, — пользователи будут считать, что имеют дело со ссылкой. Наряду с использованием подчёркивания благодаря CSS у разработчиков сайтов появился и альтернативный вариант — создание ссылок без подчёркивания. При правильном применении такое оформление ссылок даже может придать сайту определённый эффект. Только надо обязательно дать понять пользователю, что является ссылкой, а что обычным текстом, разграничивая их, например, цветом. Ещё можно сделать так что при наведении курсора ссылка становится подчёркнутой, меняет свой цвет или используется и тот, и другой эффект одновременно.

Чтобы убрать подчёркивание у ссылки, следует в стилях для селектора a добавить text-decoration со значение none (пример 1).

Пример 1. Отсутствие подчёркивания у ссылок

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
text-decoration: none; /* Убираем подчёркивание */
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

Для псевдоклассов :hover и :visited нет необходимости добавлять text-decoration, они наследуют свойства селектора a.

Подчёркивание ссылок при наведении на них курсора мыши

Чтобы добавить подчёркивание для ссылок, у которых установлено text-decoration: none, следует воспользоваться псевдоклассом :hover. Он определяет стиль ссылки, когда на неё наводится курсор мыши. Остаётся только добавить для псевдокласса свойство text-decoration со значением underline (пример 2).

Пример 2. Подчёркивание ссылок

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

Декоративное подчёркивание ссылок

Подчёркивание у ссылок можно задать не просто сплошной линией, а, например, пунктирной. Для этого надо воспользоваться свойством border-bottom, которое создаёт линию внизу элемента. Указав один из аргументов этого свойства dashed, получим пунктирное подчёркивание. В примере 3 показано задание синего пунктира у ссылок красного цвета при наведении на них курсора мыши.

Пример 3. Пунктирное подчёркивание для ссылок

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
color: blue; /* Цвет ссылок */
text-decoration: none; /* Убираем подчёркивание */
}
a:hover {
border-bottom: 1px dashed blue; /* Добавляем синее пунктирное подчёркивание */
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

При использовании приведённого способа пунктирная линия появляется чуть ниже обычного подчёркивания текста. Поэтому к стилю ссылки следует добавить text-decoration со значением none, чтобы одновременно не получилось две линии (рис. 1).

Рис. 1. Использование пунктира для выделения ссылки

Не обязательно использовать пунктир, например, для создания двойной линии следует указать значение, как показано в примере 4.

Пример 4. Двойное подчёркивание ссылок

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
color: blue; text-decoration: none;
}
a:hover {
border-bottom: 4px double red;
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

Изменяя толщину линии, её тип и цвет, можно получить множество разнообразных эффектов.

Использование фонового цвета

Чтобы добавить к ссылке цветной фон, достаточно воспользоваться свойством background, присвоив ему цвет в любом доступном формате. Аналогично можно использовать псевдокласс :hover, тогда цвет фона под ссылкой будет изменяться при наведении на неё курсора мыши (пример 5).

Пример 5. Фон под ссылкой

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
padding: 2px; /* Поля вокруг текста ссылки */
text-decoration: none; /* Убираем подчёркивание */
}
a:hover {
background: #f73; /* Цвет фона при наведении на ссылку курсора */
color: yellow; /* Новый цвет текста */
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

Фон под ссылкой точно соответствует области текста, поэтому в примере для селектора a добавлено свойство padding, создающее поля вокруг текста (рис. 2).

Рис. 2. Изменение цвета фона при наведении на ссылку курсора

Рамка вокруг ссылки

При использовании рамок со ссылками возможны два варианта. Первый — рамка вокруг ссылок устанавливается заранее и при наведении на неё курсора меняет свой цвет. И второй — рамка отображается, только когда на ссылку наводится курсор.

В примере 6 показано, как изменять цвет рамки, используя свойство border. Подчёркивание текста через text-decoration можно убрать или оставить без изменения.

Пример 6. Изменение цвета рамки у ссылок

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Ссылки</title>
<style>
a {
border: 1px solid blue; /* Синяя рамка вокруг ссылок */
padding: 2px; /* Поля вокруг текста */
text-decoration: none; /* Скрываем подчёркивание */
}
a:hover {
border: 1px solid red; /* Красная рамка при наведении курсора на ссылку */
}
</style>
</head>
<body>
<p><a href=»link.html»>Ссылка без подчёркивания</a>
</body>
</html>

Чтобы рамка не «прилипала» к тексту, в примере вокруг него установлены поля с помощью padding. Можно также вместе с применением рамки добавить и фон, воспользовавшись свойством background.

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

a {
  border: 1px solid transparent; /* Прозрачная рамка вокруг ссылок */
}
a:hover {
  border: 1px solid red; /* Красная рамка при наведении курсора на ссылку */
}

Рисунки возле внешних ссылок

Внешней называется такая ссылка, которая указывает на другой сайт. Подобная ссылка никак не отличается от локальных ссылок внутри сайта, определить, куда она ведёт, можно только посмотрев строку состояния браузера. Но в эту строку заглядывают не все и не всегда. Чтобы пользователи отличали внешние ссылки от обычных, их следует выделять каким-либо способом. Например, поставить возле ссылки маленький рисунок, который показывает, что статус ссылки иной (рис. 3).

Рис. 3. Выделение ссылки с помощью рисунка

Использование рисунков возле внешних ссылок хорошо тем, что оформленная таким образом ссылка однозначно отличается от обычных ссылок внутри сайта, а правильно подобранный рисунок говорит посетителю, что ссылка ведёт на другой сайт. Чтобы разделить стиль для локальных и внешних ссылок воспользуемся селектором атрибута. Поскольку все ссылки на другие сайты пишутся с указанием протокола, например http, то достаточно задать стиль для тех ссылок, у которых значение атрибута href начинается на http://. Это делается с помощью конструкции a[href^=»http://»] {.=»http://»] {
background: url(/example/image/blank.png) 100% 5px no-repeat; /* Рисунок */
padding-right: 18px; /* Отступ справа */
}
</style>
</head>
<body>
<p><a href=»1.html»>Обычная ссылка</a></p>
<p><a href=»http://htmlbook.ru»>Ссылка на сайт htmlbook.ru</a></p>
</body>
</html>

Фоновая картинка располагается справа от ссылки, а чтобы текст не накладывался поверх рисунка добавлено поле справа через свойство padding-right. Если потребуется добавить рисунок слева, то 100% заменяем на 0, а padding-right на padding-left.

Протокол может быть не только http, но и ftp и https, для них данный рецепт перестаёт работать. Так что для универсальности лучше изменить селектор на a[href*=»//»], он сообщает что стиль надо применять ко всем ссылкам, в адресе которых встречается //.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 11.03.2020

Редакторы: Влад Мержевич

Как вставить в Контакте ссылку на человека или группу и можно ли сделать слово гиперссылкой в тексте ВК сообщения

Обновлено 24 сентября 2021 Просмотров: 254634 Автор: Дмитрий Петров

  1. Как вконтакте сделать ссылку на человека?
  2. Как быстро вставить гиперссылку на страницу Вконтакте?
  3. Как вставить ссылку в текст на сообщество с нужными словами
  4. Можно ли сделать любое слово гиперссылкой в Контакте?

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Довольно часто при общении в социальной сети Вконтакте возникает необходимость сделать ссылку на человека (его личную ВК страницу) либо на группу, паблик (читайте что это такое) или страничку мероприятия.

И причем не просто вставить Урл-адрес, скопированный из адресной строки браузера (когда в нем открыта нужная страница, например: https://vk.com/ktonanovenkogoru), а сделать так, чтобы ссылка представляла из себя слово (фразу), кликнув по которому можно было бы попасть в профиль нужного человека либо в нужное сообщество (например, на паблик: KtoNaNovenkogo.ru — SEO, заработок, интернет или на человека: Дмитрий Иванецку).

То есть нам нужно сделать аналог гиперссылки, но только в тексте, который мы создаем в ВК. Однако, сразу оговорюсь — вставить в Контакт можно любую ссылку (на человека, на сообщество или на внешний сайт), но сделать ее словом (оформить в виде полноценной гиперссылки) получится далеко не всегда. Кроме этого, для вставки используется аналог BB-кодов, которые еще нужно будет научится использовать. Собственно, в этом коротком посте как раз про это и пойдет речь.

Как вконтакте сделать ссылку на человека?

Как я уже упоминал, в Контакте для этой цели используется BB-код (а не Html разметка) либо варианты записи, начинающиеся со звездочки или собачки (читайте почему символ @ называют собакой). Во всяком случае, синтаксис очень похож на BB коды. Такой способ создания гиперссылок сработает в большинстве мест, где в ВК можно вводить текст (например, в постах, в комментариях, в описаниях сообществ и видеозаписей).

Как вставить ссылку на человека в ВК с помощью BB-кодов

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

[|]

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

А вот перед вертикальной чертой, но после открывающей квадратной скобки, мы должны будем ввести эквивалент Урл-адреса, куда, созданная нами ссылка, должна будет вести. Так как таким образом можно будет делать только внутренние гиперссылки (ведущие на страницы внутри сайта Вконтакте), то полный Урл вводить не требуется — достаточно будет ввести либо ID личной страницы нужного вам человека, либо ее короткий адрес (если он его задал в настройках «Моей страницы»).

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

[id161397394|Дима Иванецку]

[ktonanovenkogo|Дима Иванецку]

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

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

У вас может возникнуть вопрос: а где взять ID нужной страницы ВК либо ее короткий адрес. Вопрос справедливый. Однако, ответ очень прост. Откройте страницу нужного человека, на которую вы хотите сослаться, и в адресной строке вы увидите одно из двух: либо ID, либо короткий адрес (сразу после https://vk.com/«»). В случае мой страницы — это будет короткий адрес:

Но можете быть и так:

Если это ваша собственная страница, то вы можете выбрать из левого меню пункт «Мои настройки» и посмотреть нужные вам сведения в области «Адрес Вашей страницы»:

В общем, ничего сложного.

Как быстро сделать гиперссылку на страницу Вконтакте?

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

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

Собственно, как только вы введете с клавиатуры символ * или @ Контакт вам все сам подскажет:

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

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

После нажатия на кнопку «Отправить» эта конструкция автоматически преобразуется в гиперссылку с именем пользователя или названием сообщества в качестве анкора — текста линка. В результате получим тот же результат, что и с использованием BB кодов — ссылку из текста сообщения, оставленного в Контакте, проставленную со слов имени и фамилии человека, на которого мы пожелали сослаться (смотрите скриншот в предыдущем разделе).

Можно и так сделать:

Результат будет такой же.

Как вставить ссылку в текст на сообщество с нужными словами

Ну, тут все тоже очень просто и похоже на уже описанное выше. Единственно, что если у группы, паблика или страницы мероприятия не задан короткий адрес, что вставлять нужно будет не ID с номером страницы, а club с номером группы, public с номером паблика или event с номером страницы с мероприятием. Взять их можно будет все из той же адресной строки (хотя номера все же довольно часто заменяют коротким адресом.

Выглядеть такие записи могут, как:

[public38339814|Блог такой-то]

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

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

Как видите, тут тоже все довольно просто.

Можно ли сделать любое слово гиперссылкой в Контакте?

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

[https://ktonanovenkogo.ru|Продвижение сайтов]

Это не сработает. Но можно в текст запросто вставить Урл https://ktonanovenkogo.ru и он преобразуется в ссылку, но в качестве ее текста будет использоваться именно этот Урл-адрес.

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

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

Кстати, если вставляемые вами в текст ссылки очень длинные, то Вконтакте их может неудачно обрезать. Чтобы этого избежать, советую воспользоваться фирменным сокращателем vk.cc (подробнее читайте в статье про vk.cc и другие сервисы сокращения ссылок).

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Эта статья относится к рубрикам:

Добавление ссылки на другую часть документа в приложении Pages

Добавляйте ссылки на текст в текстовом документе либо на другие страницы документа с макетом страницы.

Добавление ссылки на другую часть документа в приложении Pages на устройствах iPhone и iPad

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

Добавление ссылки на текст в текстовом документе

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

  1. Выберите текст, ссылку на который необходимо добавить.
  2. Во всплывающем меню выберите «Закладка». Если этот элемент не отображается, коснитесь стрелки вправо . Если вкладка «Закладки» не отображается, возможно, вы работаете с документом с макетом страницы.
  3. Выберите текст или объект, в который необходимо добавить ссылку.
  4. Коснитесь «Ссылка». Если этот элемент не отображается, коснитесь стрелки вправо .
  5. Коснитесь «Ссылка на» и выберите «Закладку».
  6. Коснитесь «Закладка» и выберите только что созданную или другую закладку. Приложение Pages предлагает закладки на основе стилей абзацев, которые используются в документе. Узнайте, как изменять стили абзацев на iPhone или iPad.
  7. Чтобы закрыть меню настроек, коснитесь документа. 

Если необходимо присвоить закладке псевдоним или полностью удалить ее, нажмите кнопку «Еще» , выберите «Закладки» и коснитесь «Правка». Коснитесь закладки, чтобы переименовать ее. Нажмите кнопку «Удалить» , а затем коснитесь надписи «Удалить», чтобы удалить закладку. Чтобы сохранить изменения, коснитесь «Готово».

Добавление ссылки на другую страницу документа с макетом страницы

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

  1. Выберите текст или объект, который необходимо преобразовать в ссылку. 
  2. Коснитесь «Ссылка». Если этот элемент не отображается, коснитесь стрелки вправо .
  3. Коснитесь «Ссылка на» и выберите «Страницу».
  4. Коснитесь миниатюры страницы и выберите номер страницы, на которую должна вести ссылка.
  5. Чтобы закрыть меню настроек, коснитесь документа. 

Добавление ссылки на другую часть документа в приложениях Pages для Mac и Pages для iCloud

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

Добавление ссылки на текст и объекты в текстовом документе

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

  1. Выберите текст, ссылку на который необходимо добавить.
  2. Нажмите кнопку «Документ»  на компьютере Mac или кнопку «Документ»  в Pages для iCloud.
  3. Перейдите на вкладку «Закладки». Если вкладка «Закладки» не отображается, возможно, вы работаете с документом с макетом страницы.
  4. Щелкните «Добавить закладку». Закладка появится в списке «Закладки».
  5. Выберите текст или объект, в который необходимо добавить ссылку.
  6. Щелкните выбранный текст, удерживая клавишу Control. Выберите «Добавить ссылку» > «Закладка».
  7. Щелкните всплывающее меню «Закладка», затем выберите закладку, для которой создается ссылка. Приложение Pages предлагает закладки на основе стилей абзацев, которые используются в документе. Вы можете изменить стили абзацев, предложенные приложением Pages.
  8. Щелкните «Перейти к закладке». В документе отобразится место с закладкой, для которой создана ссылка.

Можно отслеживать ссылку на каждую закладку в списке «Закладки». Щелкните название закладки, удерживая клавишу Control, затем выберите «Перейти к ссылке».

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

Добавление ссылки на другую страницу документа с макетом страницы

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

  1. Выберите текст, который необходимо преобразовать в ссылку. 
  2. Удерживая клавишу Control, щелкните выбранный текст или объект. Выберите «Добавить ссылку» > «Страница».
  3. Щелкните всплывающее меню «Страница», затем выберите страницу, на которую должна указывать ссылка. 
  4. Выберите «Перейти к странице». Документ откроется на указанной странице.

Дата публикации: 

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

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

Вставка ссылки ВКонтакте

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

Читайте также: Как отметить человека в записи ВКонтакте

Вставка ссылки на какую-либо страницу VK.com происходит совершенно не так, как интеграция ссылки с постороннего сайта.

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

Способ 1: упрощенная форма

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

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

Читайте также: Как узнать ID страницы ВКонтакте

  1. Находясь на сайте ВК, переключитесь в то место, где вам необходимо оставить какой-либо текст или отредактировать существующий.
  2. В соответствующее текстовое поле введите задуманный набор символов.
  3. Теперь, чтобы, непосредственно, вставить в текст ссылку, вам необходимо найти место, где она должна быть расположена.
  4. Выбрав удобный для вставки кусок текста, заключите его в обыкновенные круглые скобки.
  5. Перед открывающей скобкой установите символ собачки «@».

    6. Между данным символом и открывающей скобкой установите дополнительно пробел.

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

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

  7. В целом, у вас должно получиться что-то схожее с примером ниже.

    8. @club120044668 (этого сообщества)

  8. Сохраните текст, чтобы можно было наглядно увидеть реализацию результата.
  9. Если вы укажите несуществующий или несоответствующий правилам адрес (ID), то после сохранения он останется в таком же виде, как при редактировании.

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

  1. После того, как поставили символ «@», появится небольшое новое поле с рекомендацией «Начните вводить имя друга или название сообщества».
  2. Начните набирать символы в соответствии с ID требуемой страницы.
  3. В названном ранее поле начнут появляться сообщества с наиболее подходящими совпадениями.

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

  4. Кликните по найденному сообществу, чтобы автоматически вставить его ID в полном виде, а также прописать наименование.

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

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

Способ 2: усложненная форма

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

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

  1. В поле для ввода текста найдите место, куда необходимо вставить ссылку.
  2. Выделите нужный участок с помощью установки квадратных скобок впритык к конечным символам.
  3. После открывающей скобки, но до первого символа текста, установите вертикальную черту «|».
  4. В пространство между открывающей квадратной скобкой «[» и вертикальной чертой «|» вставьте идентификатор страницы ВКонтакте.

    5. Может быть вставлено как уникальное имя, в зависимости от типа страницы, так и прописанное вручную.

  5. У вас должно получиться следующее.

    6. [id000000000|Моя Страница]

  6. Опубликуйте запись, чтобы увидеть результат.

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

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

Дополнительная информация

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

  1. При указании идентификатора ВКонтакте вы можете использовать не только набор каких-либо символов, но и смайлики. Для этого попросту наведите курсор мыши на место, которое станет ссылкой, в зависимости от метода, и установите туда смайлик через соответствующее окно.
  2. Если вам нужно указать прямую ссылку на сторонний сайт, то это возможно сделать только путем обычной вставки. То есть, невозможно указать сторонний адрес в красивой форме.

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

Рекомендуется ознакомиться с предписаниями администрации ВКонтакте по поводу ссылок, если вы что-то не поняли или ваша задача не решена должным образом. Однако, помните, что многие дополнительные функции в данный момент находятся в нерабочем состоянии. Всего вам хорошего!

Читайте также: Как сокращать ссылки ВКонтакте

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

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

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

ДА НЕТ

Как определить, есть ли ссылка в тексте UILabel и сделать ее кликабельной-Swift

Я использую UILabel , чтобы содержать некоторый текст. Этот текст иногда может содержать некоторые ссылки, такие как http://www.google.com или www.google.com или даже google.com . Как мне обнаружить эти ссылки и сделать текст кликабельным для открытия в браузере? Пожалуйста, совет. Заранее спасибо.

ios

swift

uilabel

Поделиться

Источник


Shaik MD Ashiq    

08 июля 2015 в 00:38

2 ответа

  • Swift — есть ли у UILabel эквивалент ‘labelFor’?

    Я новичок в Swift. Я хочу ‘link’ мой элемент UILabel к моему элементу UITextField для доступности. В Android, если у вас есть текстовый ввод, вы можете использовать атрибут labelFor на метке, чтобы связать метку с соответствующим элементом. Например: <TextView android:labelFor=@+id/edit_text…

  • Сделайте часть NSMutableAttributedString кликабельной

    У меня есть многострочный UILabel , который содержит текст из NSMutableAttributedString . Я хочу сделать часть текста кликабельной. Если бы я мог определить CGRect вокруг части текста, я мог бы использовать местоположение крана , чтобы определить, попадает ли он внутрь этого CGRect , но я также не…


5

Вместо этого вы можете использовать UITextView и установить обнаружение для ссылок:

textView.dataDetectorTypes = UIDataDetectorTypeLink;

Поделиться


rocky    

08 июля 2015 в 00:52


1

Swift 3:

textView.dataDetectorTypes = UIDataDetectorTypes()

Поделиться


Suhaib    

15 сентября 2016 в 22:37

Похожие вопросы:

Как сделать ссылку кликабельной в custom UITableViewCell в swift

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

Сделать Кликабельным UILabel С Помощью Swift

Я хочу установить конкретное слово кликабельным в тексте UILabel , используя Swift. Возможно ли это? Если здесь находится более одной метки, как я могу определить, какое слово нажато?

Как сделать массив UILabel в Swift

Как сделать массив UILabel в Swift. Когда я пытаюсь это сделать, то получаю ошибку типа ViewController.Type’dose not have a member named ‘Lable00’ мой код: import UIKit class ViewController:…

Swift — есть ли у UILabel эквивалент ‘labelFor’?

Я новичок в Swift. Я хочу ‘link’ мой элемент UILabel к моему элементу UITextField для доступности. В Android, если у вас есть текстовый ввод, вы можете использовать атрибут labelFor на метке, чтобы…

Сделайте часть NSMutableAttributedString кликабельной

У меня есть многострочный UILabel , который содержит текст из NSMutableAttributedString . Я хочу сделать часть текста кликабельной. Если бы я мог определить CGRect вокруг части текста, я мог бы…

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

RC_Fixed = ‘12345’ print RC_Fixed Я хочу изменить RC_Fixed таким образом,чтобы это была кликабельная ссылка на http://database.com/RC/12345 , поэтому в основном для любого значения в RC_Fixed я…

Swift: необязательный или неявный UILabel?

Я пытаюсь следовать учебнику MakeSchool для создания моей первой игры Swift, и у меня есть вопрос. Когда я попытался создать переменную UILabel для хранения розетки на этикетке, Swift предложил мне…

UILabel со ссылкой и UITapGestureRecognizer

У меня есть UILabel с текстом и ссылкой. Ссылка-это только часть текста и не вся, однако ее расположение в тексте может измениться. Я использовал TTTAttributedLabel для обнаружения ссылки, теперь я…

как обнаружить и сделать кликабельные ссылки в UILabel NOT с помощью UITextView

Я создаю приложение для чата, и по соображениям производительности мне нужно использовать UILabel вместо UITextView для отображения сообщений чата. Я уже использовал TextView, но с обнаружением…

PYQT5 сделать textedit не редактируемым, а ссылку кликабельной (выбирается)

У меня есть поле textedit, которое я не хочу, чтобы пользователь мог редактировать, поэтому я использовал свойство: self.textEdit.setReadOnly(True) однако у меня есть ссылка в тексте, которую я…

Как сделать ссылку на текст на сайте

Привет, друзья. Интересная для многих активных интернет-сёрферов тема — ссылка на текст на сайте. Как сделать ссылку не на весь сайт, не на его отдельную веб-страницу, а на какой-то определённый текст на этой веб-странице – на какой-то важный абзац, на какие-то значимые строки, на какую-то отдельную фразу, да даже на одно слово? Все мы по электронной почте или в мессенджерах отправляем своему кругу близких какую-то информацию, ссылаясь на различные сайты. И если это не короткий пост или картинка, мы можем сделать так, чтобы получатель нашей ссылки, так сказать, прямо утыкался носом в то, что мы ему посылаем, не блуждая по веб-странице в поисках нужных абзацев, фраз или слов. Такое до недавних времён было возможно с помощью расширения Link to Text Fragment для Chromium-браузеров и Mozilla Firefox. А с недавних времён – с использованием нативного функционала Google Chrome.

Как сделать ссылку на текст на сайте

↑ Расширение Link to Text Fragment

Итак, друзья, ссылка на текст на сайте, реализовать возможность её создания мы можем в любом браузере, который поддерживает установку расширений из магазинов Google Chrome и Mozilla Firefox. Заходим в любой из этих магазинов, ищем там расширение Link to Text Fragment и устанавливаем его. Расширение работает из контекстного меню. На нужной веб-странице выделяем нужные фразу, слово или блок текста и в контекстном меню кликаем опцию расширения. Например, в одной из статей нашего сайта из цикла «Комплектуем ПК» имеется куча информации, в частности, там рассматривается целых 6 комплектаций бюджетной сборки игрового компьютера. И, скажем, мы подобрали товарищу какую-то сборку или подобрали её себе, но хотим посоветоваться с товарищем, мы выделяем название этой сборки и в контекстном меню на выделенном выбираем пункт расширения Link to Text Fragment.

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

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

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

Такой вот полезнейший инструмент создала для нас компания Google для фильтрации информации, экономии наших времени и сил, рационального использования ресурса нашего внимания.

↑ Нативный функционал Google Chrome

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

chrome://flags/#copy-link-to-text

Ставим значение «Enabled» для параметра «Copy Link To Text». И перезапускаем браузер с помощью кнопки внизу «Relaunch».
После перезапуска в контекстном меню Chrome у нас появится новый пункт – «Копировать ссылку на выделенный текст». Выделяем нужный отрезок публикации, который хотим отослать кому-то, и кликаем новый пункт контекстного меню браузера.И этот кто-то, кому мы отправили ссылку, открыв её, увидит выделенный, опять же, жёлтым маркером блок публикации — тот самый отрезок, на который мы хотели обратить внимание получателя ссылки.

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

Обзор

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

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

Методы

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

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

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

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

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

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

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

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

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

По обеим этим причинам длинные URL-адреса следует избегать в качестве текста ссылки (короткие URL-адреса, такие как Washington.edu — это нормально, потому что их легко сказать и они выделяются независимо от контекста).

Определение текста ссылки — SEO-глоссарий

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

Когда текст ссылки был плохо обработан

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

Ссылка на веб-сайт была важнее хорошей позиции в поисковой системе. Текстам ссылок уделялось мало внимания.

Когда комментаторы блога все еще считались «плохой репутацией»

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

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

Ссылки по ключевым словам в сравнении с «естественным профилем ссылок»

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

A Любопытно в сторону : Доказательство непреднамеренного влияния ранжирования путем выбора текста ссылки можно найти, если вы выполните поиск слова «здесь» в Google. Первые результаты подхватывает Adobe Reader. Причина этого заключается в том, что Acrobat Reader часто связывается с ключевым словом «здесь».(см .: https://www.google.de/#q=here)

Использование таких семантических, скорее «пустых» слов / фраз описывается как общий текст ссылки.

Какой текст ссылки выбрать?

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

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

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

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

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

Практическое правило (но не более): внутренний = жесткий / внешний = мягкий.

Как написать хороший текст ссылки

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

Текст ссылки должен иметь смысл

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

Диалоговое окно ссылки Jaws, показывающее плохие фразы для ссылок

Не зависит от устройства

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

Используйте текст ссылки с умом

Довольно часто можно найти страницы с несколькими ссылками, которые начинаются одинаково. Примером может служить новостной сайт со ссылками, такими как «Подробнее о кризисе еврозоны», «Подробнее о Posh and Becks» или «Подробнее об арестах в аэропорту». Скорее всего, люди, просматривающие страницу, быстро начнут игнорировать бит «Подробнее» в каждой ссылке.На самом деле его может вообще не быть. Можно утверждать, что (в данном конкретном случае) не все вообще будут читать следующую страницу. Здесь мы углубляемся в очень педантическую семантику, но есть большая вероятность, что люди будут слушать страницу не меньше, чем читать ее. Это почти случайный момент, но стоит признать. Использование повторяющихся фраз в начале текста каждой ссылки также затрудняет работу людей, использующих программы чтения с экрана для вызова списка ссылок на странице.Возможность использовать навигацию по первой букве для поиска конкретной ссылки полностью нейтрализуется.

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

Ссылки, конечно, не всегда ведут на страницы. Не менее важно прояснить это при написании текста ссылки. Есть несколько вещей более болезненных, чем активировать ссылку на вашем мобильном телефоне только для того, чтобы понять, что уже начали скачивать 20-мегабайтный PDF-файл!

Написание хорошего текста ссылки

Уловка для написания хорошего текста ссылки состоит в том, чтобы спросить себя, куда ведет ссылка.Сосредоточьтесь на этой части информации и напишите текст ссылки, чтобы представить его как можно более кратко и точно. Например, если ваша ссылка ведет на новость об ограблении алмазов, текст может быть «Ограбление алмазов в De Beers». Если ссылка указывает на отчет для загрузки, текст вашей ссылки может быть «Годовой отчет Lloyds TSB (PDF, 25 Мб)». Таким образом, вы повысите удобство работы всех посетителей вашего веб-сайта. Вы делаете процесс сканирования страницы на предмет ссылок более эффективным для зрячих и слепых людей.Вы упрощаете жизнь людям без мыши, людям, использующим разные устройства, и людям, которые потребляют информацию по-разному. Вы также максимально эффективно используете пространство на странице, что может облегчить и вам задачу.

Мы можем помочь?

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

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

Вы можете позвонить нам по телефону +44 (0) 117 929 7333 или заполнить эту короткую форму. А пока ознакомьтесь с предлагаемыми нами услугами цифровой доступности.

Текстовые ссылки · Axure Docs

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

Создание и удаление текстовых ссылок

Чтобы создать текстовую ссылку, отредактируйте текст в виджете фигуры, дважды щелкнув его или выбрав и нажав ENTER .Затем выберите часть текста, которую вы хотите превратить в ссылку, и щелкните Вставить текстовую ссылку на панели Interactions .

Чтобы удалить текстовую ссылку, выберите ее на холсте и нажмите УДАЛИТЬ .

Маска текстовой ссылки

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

Примечание

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

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

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

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

Эффекты стиля

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

Взаимодействие с текстовыми ссылками

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

Для текстовых ссылок доступны следующие события:

  • Нажмите или коснитесь
  • Мышь Enter
  • Выход мыши
  • Получил фокус
  • Потерянный фокус

Наконечник

Некоторые общие взаимодействия с текстовыми ссылками включают Щелчок или касание → Прокрутка до виджета и Мышь Enter → Показать виджет .

Marketing Communications — Ресурсы — Интернет — Стандарты доступности в Интернете — Содержательный текст ссылки

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

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

Примеры кратких, описательных и ясных ссылок:

Избегание избыточных ссылок

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

Мост Золотые Ворота

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

””
Мост Золотые Ворота

Обратите внимание, замещающий текст оставлен пустым.Это потому, что заголовок является частью ссылки и будет объявлен программой чтения с экрана. Пользователь услышит что-то вроде «Связать мост Золотые Ворота».

Рекомендации по ссылкам

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

Ресурсы

h40: Предоставление текста ссылки, описывающего цель ссылки для элементов привязки

Целью этого метода является описание цели ссылки путем предоставления
описательный текст как содержимое элемента a . Описание позволяет
пользователь может отличить эту ссылку от других ссылок на веб-странице и помогает пользователю определить
следует ли переходить по ссылке. URI места назначения обычно недостаточно
описательный.

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

Если содержание ссылки содержит как текст, так и одно или несколько изображений, если текст
достаточно для описания цели ссылки, изображения могут иметь пустой текст
альтернатива. (См. Раздел Использование нулевого замещающего текста и без заголовка.
атрибут в элементах img для изображений, которые вспомогательные технологии должны игнорировать.)
Когда изображения передают информацию, выходящую за рамки цели ссылки, они также должны иметь
соответствующий замещающий текст.

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

Пример кода: 

   Отзыв
         Значок полученного ответа

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

Процедура

Для каждой ссылки в содержимом, в котором используется этот метод:

  1. Убедитесь, что текст или альтернативный текст для нетекстового содержимого включен в
    a элемент

  2. Если элемент img является единственным содержимым элемента a ,
    убедитесь, что его текстовая альтернатива описывает цель ссылки

  3. Если элемент a содержит один или несколько элементов img
    а текстовая альтернатива элемента (ов) img пуста, убедитесь, что
    текст ссылки описывает цель ссылки

  4. Если элемент a содержит только текст, убедитесь, что текст описывает
    цель ссылки

Ожидаемые результаты

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

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

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

Описательный

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

Текст ссылки, такой как «Подробнее», «Подробнее», «Подробнее», «Щелкните здесь», «здесь» или URL-адрес, не содержат понятной информации о назначении ссылки и не должны использоваться. Описательный текст ссылки должен быть конкретным и точным. Если место назначения ссылки не соответствует ожиданиям, посетители могут потерять доверие к вашему веб-сайту.

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

Уникальный

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

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

Краткий

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

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

Изображения в ссылках

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

Ссылки, которые включают изображение и текст, также должны иметь атрибут alt, хотя нулевой атрибут alt ( alt = "" ) приемлем, если изображение не предоставляет дополнительного контекста. Например, значок конверта в паре с текстом ссылки «Электронная почта» должен иметь нулевой альтернативный текст. Но ссылка, которая включает имя файла и значок PDF, должна включать замещающий текст для изображения ( alt = "PDF" ).

Доступные имена

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

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

Примеры

Встроенная текстовая ссылка

Сосна из щетины по имени Мафусаил — самое старое живое дерево в мире.

 щетинистая сосна по имени Мафусаил  - самое старое живое дерево в мире.

В этом примере текст ссылки и доступное имя — «сосна щетинистая по имени Мафусаил».

Ссылка на документ

Виды нарушений (Word, 14 КБ)

 Типы нарушений (Word, 14 КБ)

В этом примере текст ссылки и доступное имя — «Типы нарушений (Word, 14 КБ)».

Ссылка на документ со значком

Виды нарушений (107 КБ)

 Типы нарушений PDF (107 КБ)

В этом примере текст ссылки и доступное имя — «Типы нарушений PDF (107 КБ)». В случае сбоя изображения видимым текстом будет «Типы нарушений PDF 107 КБ».

Этот значок, созданный Resoomer, доступен на Wikimedia Commons по лицензии Creative Commons.

Текстовая ссылка с изображением

Свяжитесь с нами по электронной почте

 Напишите нам

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

Этот значок, созданный Дэйвом Ганди, доступен в Font Awesome по лицензии Creative Commons.

Ссылка на изображение 

Напишите нам

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

Этот значок, созданный Дэйвом Ганди, доступен в Font Awesome по лицензии Creative Commons.

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

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

Секвойи широко известны как секвойи. Подробнее о секвойях

 Подробнее  о секвойях

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

.

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

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