Работа с гиперссылками

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

Кнопка Действие Позволяет создать якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы Позволяет создать ссылку Удаляет ссылку

Рассмотрим предназначение этих кнопок подробнее.

Создание ссылки

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

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

• В выпадающем списке Тип выберите Ссылка на документ на сервере.

  

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

• В выпадающем списке Открыть ссылку в укажите окно, в котором будет открываться ссылка.

  

  Задание окна для открытия ссылки при редактировании в режиме кода
  В коде каждый из пунктов этого списка задается с помощью атрибута target тега <a>. Атрибут target может принимать соответственно следующие значения: _blank; _parent; _self; _top.

• Отметьте опцию Не учитывать ссылку поисковиками (nofollow, noindex), если хотите, чтобы ссылка не учитывалась поисковыми системами при индексировании страницы.
• Заполните, по желанию, поле Всплывающая подсказка, текст которого будет появляться при наведении курсора мыши на ссылку. В коде она вводится с помощью атрибута title тега <a>.
• Укажите один из описанных в продукте Стиль для написания слова или фразы, являющихся ссылками
• Задайте, по желанию, атрибуты ID и Rel

Ссылка на другой сайт

• В выпадающем списке Тип выберите Ссылка на другой сайт, после чего диалоговое окно изменит вид.

  

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

<a href="http://_адрес_сайта_" target="_blank">адрес сайта</a>

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

Для создания ссылки внутри документа сначала необходимо создать на странице закладку (или якорь).

• Для этого установите курсор указателя мыши в необходимое место и нажмите на кнопку Якорь панели инструментов. Появится диалог создания якоря.

  

• Введите название якоря (закладки). Пусть это будет page_setting.
  Примечание: для задания якорей лучше использовать латинский шрифт.

• Нажмите кнопку Сохранить, после чего на странице появится изображение якоря.

  

  Задание якоря в режиме кода
  В коде якорь задается с помощью атрибута name тега <a>: <a name="history"></a>

Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 48 секунд, 9.75 Мб.)

Загрузить ролик.

Теперь создайте ссылку на этот якорь

Для этого:
• Выделите слово, которое будет служить ссылкой (например: "Сайт") и нажмите кнопку Ссылка. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
• В поле Тип выберите из списка вариант Ссылка внутри данного документа. Диалог примет вид:

  

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

Теперь в публичной части при нажатии на ссылку будет осуществлен переход к закладке на данной странице.

Электронный адрес

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

Для создания такой ссылки выполните следующее:

• Напишите текст ссылки, выделите его и нажмите кнопку Ссылка на панели редактирования. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
• В поле Тип выберите из списка вариант Электронный адрес (EMail). Диалог примет вид:

  

• Заполните поля формы и нажмите кнопку Сохранить

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

 
<a href="mailto:info@1c-bitrix.ru" title="написать письмо">Текст ссылки</a>

Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 2 секунды, 12.56 Мб.)

Загрузить ролик.